You can now mix different text sizes in the same text box, sticky note, or shape.
New plus (+) and minus (-) buttons to make zooming in and out even easier in FigJam.
Designmodo on how to export Figma designs to websites using a no-code tool Siter.io.
Dennis Cortes goes over his approach to building scalable components in Figma using Variants, Variant Groups, and Auto Layout. This video touches on the basics, from definitions of each feature to more advanced methods of building out different types of variants in Figma.
“In this video, we will guide you on how to select a single frame from a Lottie animation from the LottieFiles Library and export it to Figma. Then, we will use this new SVG and place it as part of our UI and animate it in Figma using the prototype feature.”
“Utilize the power of slots and Figma’s native instance swapping capabilities to customize component content without ever needing to detach component instances ever again.”
Nadia Sotnikova on how to edit layers in bulk to ensure consistent naming in the design system.
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
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
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
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
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 (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
A quick summary of all the recent updates to Figma and FigJam.
You can now adjust the spacing between listed items in the type details panel. Finally! Such a small but important change — I had to imitate this with an Auto Layout in the past.
Figma is now ready for iPhone 13 release.
Figma improved copy and paste to make it more consistent and predictable. Now you can replace selected objects with another object that you’ve copied to your clipboard (⇧⌥⌘V or Shift-Ctrl-Alt‑V), paste an object into multiple frames or groups simultaneously, and paste at the cursor location. To see how it all works, check out a playground file. (Figma launched this feature with a different shortcut, but changed it after listening to the community feedback.)
Miguel is demonstrating the new copy and paste capabilities.
Cool plugin by Tom Quinonero for creating gradients through color spaces like LCH and ZYX with non-linear curves. There are so many cool use cases for color spaces like LCH — it’s a real pity that they’re not a standard part of Figma.