Discover and read the best of Twitter Threads about #figmatips

Most recents (3)

Are you using #sections in @figma yet? They are one of the most underrated features in Figma. I switched my Figma component documentation entirely to sections and it has made a huge difference. Here's why:
#1: Organize my components: I can organize my components using sections. This creates a dedicated section in the Assets panel, making it easy to rename and reorder components by simply dragging the sections on and off frames. Same as a frame you might say. No, it's not, read on!
#2 Documenting component states and details: Sections don't show up in presentation mode; only frames do. Therefore, I use sections as a meta level of organization and add frames for subcategories, such as behavior and specs. This allows me to showcase them in presentation mode.
Read 9 tweets
Working smarter, not harder also applies to prototyping. 😉

Here are six #FigmaTips from Designer Advocate @_AnaBoyer for prototyping in Figma.

1/ Draw prototyping links from navigational components to reduce the need for repeatedly drawing connections.
2/ Create interactive components in your libraries, so designs that use those components already have micro-interactions built into their prototypes, adding an additional level of fidelity.
3/ Nest interactive components to reduce the number of prototyping links.
Read 7 tweets
When designing tables,I prefer the column-based method since I find it more flexible. But it always had one major downside to me: it wasn't possible to show a hover state on the row. So I sat down and found a solution that Iam happy with. @figmadesign @FigmaHunt #figma #figmatips
Step 1: Create a table cell. In this case I added a line-wrapper frame for the bottom border and a wrapper that holds the text and the image.
Step 2: Duplicate and make it a variant. Give the first component the value of "False" and the second the value of "True" (-> this will be our hover component)
Read 8 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!


This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!