Note: Not all media assets are editable. If a media element hasn’t been marked as replaceable in Figma (named media), it can only be updated by your designer. Learn more

Swap media

Click on any editable media asset in your layout to open the media swap modal. You can then select a replacement from your media library.

Images, videos and HTML embeds

  • Hover over a media item in the library to preview it live in the layout.
  • Click to instantly replace the current media and auto-save the change.
  • Use the reset option in the bottom-right of the modal to revert to the original placeholder.

Media controls

Videocontrols Pn

All images and videos are set to cover by default. You can manually adjust the visible frame position using media positioning controls Video Settings For video assets, editors can toggle:
  • Autoplay
  • Loop
  • Mute
  • Display of playback controls on hover
Charts

Charts Pn

When inserting a chart, it will automatically replace the currently selected media in the layout. Charts are generated based on the values in your data table and the selected chart type.

Table guidelines

  • Row 1: Use for data set titles
  • Column A: Use for category labels (e.g. Q1, Q2, etc.)

Chart styling

Charts can be globally styled through the charts library, including:
  • Font style
  • Color palette
  • Corner radius
  • Grid and line styling
Supported media types & limits deckd currently supports images, videosc and HTML embeds.
Media typeFormatsMax. size
ImagePEG, PNG, SVG, GIF, WEBP10MB
VideoMP4, WEBM500MB
HTML embediframe-
Chartscsv, xls-