Tweets
Bravo Studio 3.0
Bravo Studio is a platform for building mobile apps from Figma prototypes without writing code. The new version adds a whole new set of functionalities. See also their new demo video.
The future of no-code is here: Meet Bravo 3.0 đ
— Bravo Studio đ (@Bravostudioapp) October 5, 2021
Weâve revamped Bravo Studio, and weâre thrilled to announce Bravo 3.0 with a whole new set of functionalities.https://t.co/VjABPUAASA
Naming arrow Variants
Bonnie Kate Wolf suggests using Unicode emojis in front of the variant name for a quick preview.
This is an amazing @figmadesign hack from @mattmatize for naming arrow variants. Add the unicode emoji in front of the variant name so folks can quickly see what they are going to be placing without reading. pic.twitter.com/JNEb3tdaGQ
— Bonnie Kate Werewolf (@bonniekatewolf) October 8, 2021
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