Before you Start
Who can use this feature
Users on Any Figma plan
Anyone with Edit access to the file can set a custom thumbnail
Every file will have a thumbnail that shows you a preview of a file's contents. Figma shows the thumbnail alongside the file in the File Browser.
You can choose create a custom thumbnail using any frame in your file. This is a great way to set expectations and communicate the File's contents.
Otherwise, Figma will base the file thumbnail on the contents of the first page in your file.
The exact dimensions of a file thumbnail will depend on the size of your display.
To make sure the thumbnail always displays correctly in the File Browser, 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 file in the Editor.
- Find the frame you would like to use as the thumbnail. We recommend setting the frame’s dimensions to 1920 x 960 for a proper fit, but Figma will scale the selected frame so it fills the thumbnail.
- Right-click on the frame in the canvas to open the Context Menu.
- Select Set as Thumbnail from the options:
- We will update your file's thumbnail. We will also display a 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.