Skip to main content
Nick_Tassone
Feb 1, 2021 2:37 PM UTC

Separate aspect ratio of cover thumbnail in main project view

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?

26 replies

Mar 10, 2022 6:17 AM UTC

Is there any update on the 3 different cover aspect ratios or a better way to have consitancy between them?

Sofie
New Participant
Mar 11, 2022 7:25 AM UTC

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 🙂

Joshua_Milwer
Jun 29, 2022 2:31 PM UTC

Any news? This is such an easy fix from what it seems, why hasn’t this been addressed in over a year? 🤕

Roy_Halvor_Frimanslund
Nov 23, 2022 12:44 PM UTC

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). 😵‍💫

Scott_Healy
Dec 13, 2022 6:49 PM UTC

We are also facing this issue where the grouped view crops the side of our thumbnails. Would love to see this fixed.

Margot_Gabel
Active Member
May 31, 2023 10:31 AM UTC

Also… pinned files thumbnails are showing transparent background now? 😅
Screenshot 2023-05-31 at 12.31.15

Using Figma since 2018.
paulpalade
Jun 6, 2023 8:43 AM UTC

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.

paulpalade
Jun 6, 2023 1:05 PM UTC

Also, Clip content needs to be turned off, so the margins are displayed correctly.

Margot_Gabel
Active Member
Jun 7, 2023 7:49 AM UTC

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!)

Using Figma since 2018.
paulpalade
Jun 7, 2023 9:27 AM UTC

You’re right, pinned projects seem unable to display page colours. Tried pinning one myself and the result is the same. What I can make of this is we either accept the fact that thumbnails will be cropped, or stick with not setting thumbnails at all. Otherwise, we can only plan-out the information to be displayed on our thumbnails so that nothing too important gets cut off.