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
Branching is now available to teams on the Organization plan. It was announced in April at Config 2021, but according to Rasmus Andersson, it’s been in the making for 5 years. The lack of branches was the main issue when my team switched from Sketch and Abstract to Figma in 2018, so I hope it will become available on the Professional plan one day.
Figspot is a Twitter-like feed of all comments from authorized Figma teams. Shown as threads and you can reply directly from the feed without loading a Figma file.
“Rendition is the best way to hand off code to your developer. It’s a Figma+Github plugin that will write UI code for you from designs. Rendition speeds up the time it takes to implement designs by automating the boring parts of front-end development. It also syncs designs from code back into Figma, allowing you to easily work off of the latest designs.“
“FigJam is an online whiteboard for teams to ideate and brainstorm together. Purpose-built for the earliest stages of design, FigJam makes everything from discovery to design sprints easier and more fun — whether you’re working alone or collaborating with your extended team. Let’s see how we can use FigJam collaboratively in an online brainstorming session!”
Ana Boyer on the best practices and strategies for collaborating in FigJam throughout the entire design process — from your first brainstorm to the final review.
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.