I have a library of cover thumbnails that I use in projects. It looks great when the files are all grouped and shown in the single project view but from the main screen, thumbnails are cut off on the sides and shown in a cropped aspect ratio. I’ve followed the guides from the Figma Docs about safe zone and sizing but it’s kind of disappointing that there is a view that doesn’t play by those rules.
Has anyone found a solution to show the full cover thumbnail in a project container?
Got it! In this case I think this would suit more into the #product-ideas category so people can vote for it and raise the issue to the Figma team. Feel free to edit your topic. There are no solutions to this (other than simply changing your thumbnail template so it fits into the smaller preview too).
I suspect the core problem is that the 1600x960 “safe zone” isn’t truly safe. Figma can change their documentation now, even before they decide to make a change in code.
The issue seems to be 4:3 thumbnails are used in when showing all projects. But 16:9 thumbnails are used when in a project. So Figma needs to standardise them. I think to 16:9.
the 1600 safe area seems ok when viewing on my 27" LG display, but when the browser is sized down on 13" MBP it’s more closer to the edges. 1440 safe area seems to work when viewing on a 13" mbp
I’d like to use thumbnails to give a quick overview over the projects and files I am working on. With different aspect ratios it is fairly annoying to try and find something that fits all the aspect ratios that is currently used. Would like for you to change it to 16:9
In our team we have 20+ projects and in all of them except for one project the thumbnail / cover template we use work perfectly, but for some reason in 1 single project, all the thumbnails is cut off the same way as shown in the screenshot from Nick. And this in the same view (team-view).
So a workaround I’ve come up with is to not set your cover as a thumbnail at all. What I do instead is keep my cover on a dedicated page inside my file. I then set the page color to the color of my cover. Using no padding at all ensures that Figma will still display it in the file previews. And not setting your cover as a thumbnail ensures that Figma will maintain aspect ratio when the window is resized—this will look good both in the file view and the folder view. Tested with 1600x960. Will update if I get better results with other sizes.
Thanks! That works in every case EXCEPT for the Pinned project thumbnail which does not display the page colour for some reason (see my screenshot in the previous message!)