Tweets
System for keeping a file in order
Anton Lovchikov shares his approach to structuring pages in the Figma file.
It's very difficult keeping a Figma file in order without a system while working in iterations. Here is my system which works pretty well so far.
— Anton Lovchikov (@antiflasher) October 13, 2021
I use functional structuring for pages in the file. Each isolated functionality has its own page with all related mockups. pic.twitter.com/tcTS2I0Eu1
Write changelogs
Jan Toman (see his Schema talk above) with a few recommendations for design system maintainers.
A simple tip for UI kit maintainers in @figmadesign:
— Jan Toman (@HonzaTmn) October 3, 2021
- Release changes in smaller batches
- Add a detailed description of what was changed
- (Optional) Reassure consumers that nothing will break
Write changelogs. Small things like this matter. pic.twitter.com/J6kA16pj1f
Match Variant properties & names with what’s reflected in the code
Joey Banks with an excellent suggestion on how to bring designers and engineers closer.
When it comes to working on design systems, one thing I've learned is how much of a positive difference it can make to match variant properties & names in Figma with what's reflected in code. Any opportunity to bring designers & engineers closer always feels like such a big win. pic.twitter.com/BPsr9zG1Nf
— Joey Banks (@joeyabanks) October 1, 2021
A recent trick/tip that you share with everyone
As always, Rogie’s tweets gather a lot of fantastic replies.
What's a recent @figmadesign trick/tip you've found out that you share with everyone?
— ˗ˏˋrawr-gieˎˊ (@rogie) October 13, 2021
Design tools: usage vs. satisfaction
According to the results of Jamstack Community Survey 2021, 60% of respondents use Figma, and its satisfaction score is 8.8. Look at the chart to see how incredible this score is when compared to other design tools. There is nothing like this in any other category either (except for IDEs, but that’s not a specific tool.)
According to the results of Jamstack Community Survey 2021, @figmadesign is basically in another league in terms of usage and satisfaction, wow
— Aarón García ⚡️ (@aarongarciah) October 7, 2021
Source https://t.co/qPqS8cjCei pic.twitter.com/4PeAAB5REL
Backstage at Schema
Pretty cool to see the backstage of the production. Schema wasn’t a typical Zoom conference.
A quick look backstage at @figmadesign’s #Schema2021 conference.
— Sho Kuwamoto (@skuwamoto) October 6, 2021
Can’t wait until tomorrow!! pic.twitter.com/qcsn32sT5m
Tips shared during Schema
Patrick Banta compiled a list of design system resources recommended during Schema.
If anyone wanted all of the links to the tips shared out during @figmadesign #Schema2021 yesterday, I've compiled the list below - hopefully I didn't miss anything! 🧵
— Patrick Banta (@pbanta) October 8, 2021
Video recordings from Schema
All talks are already available in Schema’s event account. (NB: if you didn’t attend the conference, you’d need to create an account first.) Alternatively, I’ll share the direct YouTube links below with some relevant resources.
Couldn’t make it to #Schema2021 or just want to relive some of your favorite moments?
— Figma (@figmadesign) October 11, 2021
Here’s how you can watch every talk from last week’s conference. https://t.co/kvSXGackkd pic.twitter.com/FToqWm98Qt
The challenges of building branching
Figma’s Director of Product Sho Kuwamoto shares some of the challenges of building branching.
I couldn't be more excited about a feature release than this one.
— Sho Kuwamoto (@skuwamoto) October 12, 2021
Combining branching with realtime multiplayer was a huge technical and UX challenge, and the team has been relentless in their pursuit of a seamless solution.
1/n https://t.co/DH0HEq74Nr
Keep an eye on your resources
Search for “Resource Use” in Quick Action (⌘/) menu to show the status of resources in your file.
Struggling with performance in @figmadesign?
— Denislav Jeliazkov (@DenisJeliazkov) September 24, 2021
By hitting CMD + / and searching for "Resource Use" you can see what is the status of resources in your Figma file. pic.twitter.com/zd7xzeweLU
Fun effects with boolean groups
Boolean groups + vector networks + rounded corners = magic! Don’t miss Miguel’s original thread, and check out where they brought it in the end 🤯
Playing with @figmadesign with @Miggi https://t.co/dOW7sOb4w1 pic.twitter.com/P9xtQQxg1x
— ˗ˏˋrawr-gieˎˊ (@rogie) September 20, 2021
Percent perfect gradient styles
While this is still a hack, I didn’t realize that a big nudge value affects gradient stops. Good to know!
New Figma Tip: CSS ready, percent perfect gradient styles in @figmadesign.
— Miggs in Space (@miggi) September 28, 2021
(Me testing Figma tip on Twitter with @loom.)
https://t.co/t2eHeObDMQ
Baseline grid
Miguel with a tip on setting up a lightweight baseline grid with Layout Grid.
If you want to make a baseline grid in @figmadesign, set the row count to auto and the type to top, you can also set the gutter to zero, or match your baseline value.
— Miggs in Space (@miggi) September 23, 2021
The 'auto' count will grow the rows to fit your frame. pic.twitter.com/5UwBBtg3eb
10 keys to nailing responsive design
Ridd shares great tips on how to make your designs more developer-friendly.
10 keys to nailing responsive design in @figmadesign
— Ridd 🏛 (@Ridderingand) September 25, 2021
Aka: How to become your engineering team's favorite designer 👇 pic.twitter.com/VLJwlEhI9j
It’s time to fix “mixed” values for Auto Layout padding
Mariz brings a great point — the current implementation not only hides the values but also makes you click on another UI control to change them.
Hey @figmadesign, it is time to fix this "mixed" values for autolayout padding... just keep the values with commas or give us an editor for multiple values like you already have for border radius. pic.twitter.com/ISmgwxs6qi
— Mariz (@MarizMelo) September 29, 2021
Interactive Components & Auto Layout
Interactive Components (currently in beta) now work with Auto Layout, and that opens doors for some fun interactions.
Did somebody say...auto layout AND interactive components?
— luis. (@disco_lu) September 30, 2021
It's now live in Figma for everyone on the beta – can't wait to see what you all make 🪄
You can signup here if you're not yet enrolled: https://t.co/PYXoKapYVL pic.twitter.com/XkaHIoBlOr
Emerald
Beautiful portrait made by Ari.
Hey Figma @figmadesign, been a minute. Here's a piece titled "Emerald" pic.twitter.com/8wFNvXnR7K
— Ari Alasah (@Yours_Areeh) September 15, 2021
Monkey Mafia
Cool NFTs made in Figma.
1/1’s are released for @MiniMonkeyMafia
— chr15tine.eth 🥶 (@chr15tine_gu) September 16, 2021
- made with @figmadesign pic.twitter.com/hsmL9FuPs8
Magic Shape? Smart Marker?
Alex shares a preview of a really smart FigJam plugin he is working on – draw any shape with a marker, and it will be recognized and turned into a real object. Looks fantastic and almost feels like it should be a part of the app!
After a bit of sketching in FigJam I thought: "Why not make marker a little bit smarter?" 👀
— Alex Einarsson (@alexeinars) September 16, 2021
So here I am, teaching it to recognize shapes! 🟣♦️
How should I call it?
– Magic Shape ✨
– Smart Marker 🧠
... pic.twitter.com/JKAa2Di5wd
Reading facial expressions in real-time
Siddharth Ahuja joins Anthony and builds another experiment, this time reflecting facial expressions.
Making a @figmadesign plugin that can read facial expressions in real-time 👀 pic.twitter.com/97Dh8YdeFw
— siddharth ahuja (@sidahuj) September 13, 2021