> ## Documentation Index
> Fetch the complete documentation index at: https://academy.programa.design/llms.txt
> Use this file to discover all available pages before exploring further.

# New feature showcase: Design system

> A recorded showcase of the Design system feature in Programa, for studio members who want to see how it fits into their work.

export const WistiaVideo = ({mediaId, title}) => <div style={{
  position: "relative",
  width: "100%",
  paddingBottom: "56.25%",
  overflow: "hidden",
  borderRadius: "0.5rem"
}}>
    <iframe src={`https://fast.wistia.net/embed/iframe/${mediaId}`} title={title} allow="autoplay; fullscreen" allowFullScreen style={{
  position: "absolute",
  top: 0,
  left: 0,
  width: "100%",
  height: "100%",
  border: 0
}} />
  </div>;

<WistiaVideo mediaId="4i6rw3t1uu" title="New feature showcase: Design system" />

A recorded showcase of Programa's Design system feature. It suits members who are already working in Programa and want to see this area of the platform walked through end to end, with questions from the session answered along the way.

Runs about 59 minutes. You don't need to be signed in to Programa to watch.

<Note>
  For step-by-step written instructions on this area of Programa, see the
  [help centre](https://help.programa.com.au).
</Note>

Browse the rest of the library under [All recordings](/academy/webinars).