Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Figma Slides – Figma Learn
  • Create and edit slides
  • Create slide decks

Add images and videos to slides

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Add an image or video to a slide Add an image or video to a media placeholder Embed YouTube videos

Before you Start

Who can use this feature

Image uploads and YouTube embeds are available on any plan

Video uploads are available on any paid plan

Anyone with can edit access to the slide deck can add media to a slide

You can insert photos, graphics, videos, and GIFs to your slide deck and replace media placeholders with your own visuals.

Figma Slides supports the following formats:

  • Image: JPG, PNG, HEIC, WebP, SVG, GIF, TIFF (only available on Safari)
  • Video: MP4, MOV, WebM

Note: When you upload an SVG to Figma Slides, it is no longer treated as an image and cannot be used to fill media placeholders. Instead, SVGs are converted to editable vector layers.

Add an image or video to a slide

Drag and drop files from your computer into Figma Slides, or use the media picker to select the files you want to add. You can import multiple files at the same time.

  1. Click Image/video in the toolbar or use the keyboard shortcut:
    • Mac: Shift Command K
    • Windows: Shift Ctrl K
  2. The media picker opens. Select the files you’d like to add to your slide deck and click Open.
  3. Your cursor will show a thumbnail of the first file. If you selected multiple files, a badge displays the number of files you have left to place.
  4. Do one of the following:
    • Click on an area of a slide or the canvas to add the file to those coordinates. Figma Slides will add the file at its original dimensions.
    • Click and drag to define the dimensions of the file. This allows you to add the file with dimensions that are different from the original file.
    • Hover your cursor over an object with a fill, such as text or shapes, and click to replace the fill with your file.

Once added, you can use the Fill section in the right sidebar to adjust how your visual looks. Learn more about adjusting image or video properties. 

Note: Animated GIFs display as static images when viewing a deck in the Figma Slides editor. To play an animated GIF, open the deck in presenter view.

Add an image or video to a media placeholder

Some templates include slide layouts with media placeholders. Media placeholders let you easily add your content without impacting other objects on the slide. You can identify media placeholders by their white and gray checkered fill.

Media placeholder in a slide layout.png

To replace a media placeholder:

  1. Select the media placeholder.
  2. Click Image/video in the toolbar or Choose media in the right sidebar.
  3. Select the file you want to import.
  4. Click Open.

The file will be added to the media placeholder as a fill. You can use the Fill section in the right sidebar to adjust how your visual looks. Learn more about adjusting image and video properties. 

Embed YouTube videos

You can embed YouTube videos in your slide deck and play them during your presentation.

Note: YouTube videos cannot be used as object fills.

  1. Copy the video link from YouTube.
  2. Right-click on a slide and select Paste here or use the keyboard shortcut:
    • Mac: ⌘ Command V
    • Windows: Control V
  3. With the video selected, use the handles to reposition or resize the video. Embedded YouTube videos are a top-level layer and cannot be overlapped by other objects on the slide.  

While presenting, use the video controls to play, pause, or go to a specific timestamp. 

Note: You must be connected to the internet to play embedded YouTube videos.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Add code blocks to slides
  • Add slide numbers to your presentation
  • Create a new slide deck
  • Add, delete, and organize slides
  • Use slide transitions
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand