Before you start
Who can use this feature
Supported on any team or plan.
Applies to Figma design files only.
Anyone with can edit access to the file can set a custom thumbnail.
Every design file will have a thumbnail that shows you a preview of a file's contents. Figma shows this thumbnail wherever the file appears in the file browser.
Figma will base the file thumbnail on the contents of the first page in your file, by default.
You can use the Set as thumbnail setting to choose any frame to use as the thumbnail. This is a great way to set expectations and communicate the file's contents.
The exact dimensions of a file thumbnail depends on your display. To make sure your thumbnails aren't awkwardly cropped, we recommend setting the frame’s dimensions to 1600 x 960.
Tip! If you're publishing a file to the Figma Community, use the Plugin / file cover preset from the Figma Community frame templates in the right sidebar.
Set a file's thumbnail
- Open the design file and find the frame you want to use as the thumbnail.
- Figma will scale the selected frame so it fills the thumbnail. We recommend setting the frame’s dimensions to 1600 x 960 for a proper fit.
- Right-click on the frame in the canvas.
- Select Set as thumbnail from the options:
- Figma will update the file's thumbnail and show the custom thumbnail icon next to the frame.
Want to remove the frame from the thumbnail? Right-click on the frame in the canvas and select Restore default thumbnail. Figma will use the contents of the first page in your file as the default thumbnail.
FigJam file thumbnails
By default, Figma uses an overview of the entire FigJam board to create a file's cover.
While it's currently only possible to create custom thumbnails in Figma design files, you can still use them for FigJam file covers.
- Create a frame to use as a custom thumbnail.
- Copy/paste the frame to your FigJam file.
- Right-click on the frame in the FigJam board.
- Select Set as thumbnail from the options.