menu

Figma

Figma is the first collaborative UI design tool built in the browser. Join our growing community and kick off a conversation!

Channels
# All channels
view-forward
# General
view-forward
# Start Here
view-forward
# Announcements
view-forward
# Design Systems
view-forward
# Plugins & API
view-forward
# Made with Figma
view-forward
# Prototyping
view-forward
Team

Project Thumbnails

May 22, 2018 at 2:12pm
The Figma community has a new home. This thread is preserved for historical purposes. The content of this conversation may be innaccurrate or out of date. Go to new community home →

Project Thumbnails

May 22, 2018 at 2:12pm
I tweeted about this and it got a fair amount of traction, so I thought I'd share it here too!
Are you tired of your project feed looking like a small screenshot of a bunch of screenshots? Follow these simple steps and you can make your project thumbnails look great!
Step 1: First page in your project only has one frame at 620x320
Step 2: Create a cool design in it with fairly large text.
Step 3: Set the canvas color but leave the frame transparent.
Step 4: Bask in the glory of your opulence.
See attachment for before and after!
Show previous messages

November 1, 2018 at 2:17pm
like-fill
7
  • reply
  • like
Love this Paul - such a simple but versatile system thanks for sharing!
like-fill
3
  • reply
  • like

November 5, 2018 at 7:31pm
Thank you soooooo much! ❤️
like-fill
2
  • reply
  • like

April 4, 2019 at 5:43pm
I can't get this to work for me consistently. I am following instructions posted here. sometimes it works, sometimes not. anyone else have this experience?
  • reply
  • like

April 8, 2019 at 2:37pm
I've had my thumbnails disappear or struggle to update once a file became too big. What kind of issues are you having?
  • reply
  • like

April 14, 2019 at 10:46pm
— biggest thing is making sure there's else on the first page — interested to learn about what other problems ppl are running into! We haven't had any issues...but we do keep our filesizes fairly small.
  • reply
  • like

April 15, 2019 at 11:36am
Here is our setup. Did this awhile ago, and rely heavily on color coding. I highly recommend color to help make things glanceable. And limit words as much as possible. Color is used for status. I like the resource, and archive versions I might have to incorporate that.
like-fill
5
  • reply
  • like

April 19, 2019 at 5:08am
nice!
  • reply
  • like

June 14, 2019 at 10:25am
Is there a way to refresh a cover thumbnail? I typically drop a template in and then update the text to explain what the project is about, however the cover thumbnail is set to the template still. It's appears that Figma captures the first page once and that's it.
Edited
  • reply
  • like
Is there a way to refresh a cover thumbnail? I typically drop a template in and then update the text to explain what the project is about, however the cover thumbnail is set to the template still. It's appears that Figma captures the first page once and that's it.
Not immediately. It usually happens within 5 minutes in my experience.
  • reply
  • like
Is there a way to refresh a cover thumbnail? I typically drop a template in and then update the text to explain what the project is about, however the cover thumbnail is set to the template still. It's appears that Figma captures the first page once and that's it.
Haha. I just wrote a post on this exact question earlier today!
  • reply
  • like
Is there a way to refresh a cover thumbnail? I typically drop a template in and then update the text to explain what the project is about, however the cover thumbnail is set to the template still. It's appears that Figma captures the first page once and that's it.

Refreshing the document thumbnails

thumbsup
2
message-simple
9
  • reply
  • like
Ha, good timing! This solution from your thread worked for me: https://spectrum.chat/thread/ad4c3605-ad46-4e78-9d1d-c067de7680cc?m=MTU2MDUwMTAwNTY2Ng==
like-fill
1
  • reply
  • like

August 5, 2019 at 7:30am
Discovered, that the cover frame had better be opaque in order to be visible in link images, for instance, in messengers. Otherwise, the cover art appears on light gray background, which is not good especially for white art elements.
  • reply
  • like