Add images and videos in bulk
This article is available for both the previous Figma UI and the new Figma UI. Use the toggle at the bottom left of the page to select your current UI. Get to know UI3: Figma’s redesign →
Who can use this feature
Adding images is supported on any team or plan. Adding videos is supported on any paid team or plan.
Only people with Can edit access to the file can add images.
Place image/video allows you to import images and/or videos in bulk. You can then choose exactly where you'd like to place each file. As Figma treats images and videos as fills, you can add them to existing objects.
Tip! Figma supports .png, .jpg, .tiff, or .heic image files, and .mp4, .mov, or .webm video files. Learn more about working with videos in Figma →
Note: If you are on the Starter plan, you can only add images—this means that instead of Place image/video, your action and menu item is labelled Place image.
- Access Place image/video from any of the following places:
- From the menu, by searching Actions for Place image/video.
- From the Shape tools menu in the toolbar.
- Use the keyboard shortcuts:
MacOS: Shift-Command-K
Windows: Shift + Ctrl + K
- In the file browser that Figma opens, select multiple image and/or video files you'd like to use, and then click Open.
The cursor gets a badge showing the number of images that need to be placed. - A thumbnail of the current image to place appears next to the cursor. You then have two options:
- Click on the canvas to add the image/video. Figma adds the image/video to the canvas where you clicked, using its original dimensions.
- Select an existing object on the canvas. The image/video is applied as a fill with the Fill mode set to Fill.
- Repeat the process for any remaining images/videos. To discard any remaining videos or images, press Esc.
Having issues loading images? Learn about the most common image loading issues and how to fix them.
Who can use this feature
Adding images is supported on any team or plan. Adding videos is supported on any paid team or plan.
Only people with Can edit access to the file can add images.
Place image/video allows you to import images and/or videos in bulk. You can then choose exactly where you'd like to place each file. As Figma treats images and videos as fills, you can add them to existing objects.
Tip! Figma supports .png, .jpg, .tiff, or .heic image files, and .mp4, .mov, or .webm video files. Learn more about working with videos in Figma →
Note: If you are on the Starter plan, you can only add images—this means that instead of “Place image/video,” your menu item is labelled “Place image.”
- Access Place image/video from any of the following places:
-
- From the menu, by searching Quick actions for Place image/video.
- From the Shapes menu in the toolbar:
- Use the keyboard shortcuts:
MacOS: Shift-Command-K
Windows: Shift + Ctrl + K
- Figma will open an upload window which allows you to select your image and/or video files. Select the files you'd like to use and click Open.
- Figma will show a plus cursor and a thumbnail of the first file. If you've selected multiple files, a badge will show how many files you have left to place.
- You then have a few options:
-
- Click on an area in the canvas to add an image/video to those co-ordinates. Figma will add the file to the canvas at its original dimensions:
- Click and drag to define the dimensions of the image/video. This allows you to add the file with dimensions that are different to the original.
- Select an existing object on the canvas. This will apply the image/video as a fill with the Fill mode set to Fill.
- Select Place all in the menu bar to add all files to the canvas at once.
- Click on an area in the canvas to add an image/video to those co-ordinates. Figma will add the file to the canvas at its original dimensions:
- Repeat the process for any remaining images/videos. Use the Discard all button in the menu bar to discard any files that haven't been placed.
Having issues loading images? Learn about the most common image loading issues and how to fix them.