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.
Note: It's only possible to set custom thumbnails for Figma design files. Figma will use an overview of the entire board for FigJam files.
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 1920 x 960.
Figma will always display anything within the 1600 x 960“safe zone” of the frame. If you use any other dimensions, Figma will scale your selected frame so that it fills the entire thumbnail.
Note: Figma also uses these thumbnail dimensions for Community files. This is something to be mindful of when you publish a file to the Figma Community.
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 1920 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.