'%3E%3Crect x='-4.10352' y='0.1875' width='171.875' height='171.875' rx='85.9375' fill='%230C5238'/%3E%3Crect x='82.5566' y='-9.2085' width='133.93' height='133.93' rx='22.7014' transform='rotate(45 82.5566 -9.2085)' fill='%23F79CFF'/%3E%3Crect x='144.375' y='23.677' width='123.75' height='123.75' rx='61.875' transform='rotate(90 144.375 23.677)' fill='%23FF6D38'/%3E%3Crect x='106.562' y='26.198' width='119.396' height='48.125' rx='24.0625' transform='rotate(90 106.562 26.198)' fill='%23252525'/%3E%3Crect x='106.562' y='62.8645' width='48.125' height='48.125' transform='rotate(90 106.562 62.8645)' fill='%2312A720'/%3E%3Cpath d='M106.553 86.927L99.5232 103.942L82.5526 110.99L65.5819 103.942L58.5524 86.927L65.5819 69.9122L82.5526 62.8645L99.5233 69.9122L106.553 86.927Z' fill='%23FFFF00'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_3971_7584'%3E%3Crect width='165' height='92.8125' fill='white' transform='translate(0 0.1875)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A)
Set custom thumbnails for files
Before you start
Who can use this feature
Available on any team
Anyone with can edit access to the file can set a custom thumbnail
Every design file has a thumbnail that shows you a preview of a file's contents. Figma displays this thumbnail wherever the file appears in the file browser.
By default, Figma will base the file thumbnail on the contents of the first page of the file.
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: Only frames can be used for thumbnails. If you don't see the Set as thumbnail option, add your layers to a frame and try again.
Thumbnail dimensions
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 1080 (16:9).
Tip: Use the Plugin / file cover preset from the Figma Community frame templates in the right sidebar.
Set a custom thumbnail for a Figma design file
- 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 1080 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.
Set a custom thumbnail for a FigJam file
By default, Figma uses an overview of the entire FigJam board to create a file's cover.
You can use a section as the thumbnail image for the file or a custom template.
- Select a section.
- Click Set as thumbnail.
You can also create custom thumbnails in Figma design files to 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.