A solid collection of plugins for a more efficient workflow in Figma.
Google’s Material Design team introduced Relay, a new process to transform Figma components into Android UI code. Designers can now use the Relay for Figma plugin to document and package UI component designs that can be sent directly to the developer. No more tedious design specs or back and forth to ensure details are right in implemented code.
“Tune in to learn about some new features across FigJam and Figma that’ll help teams collaborate better and turn their big ideas into real products, faster. From creative new ways to jam together and drive decision-making in FigJam, to some long-awaited features in Figma, turning ideas into action just got easier — and more fun.”
Collaborate on Figma and FigJam files directly in Microsoft Teams.
Attach Figma and FigJam files to any Google Calendar event.
Never miss a beat in Figma or FigJam with notifications. Now available on iOS, Android, or desktop.
Respond to questions and review work in Figma and FigJam from anywhere via comments on your phone or tablet. Download now for iOS or Android.
Organize content with sections to help teammates navigate through busy Figma files. A section is a default top-level element on the canvas and its own layer type is used primarily for organizing files and grouping designs. Additionally, sections allow you to organize prototypes and preserve their state, as Miggi shows in one video and Anthony in another. See also Sho Kuwamoto’s notes on the controversy surrounding launching this feature.
“Over the last year, we’ve created a write-ahead log that makes our system more reliable than before. 95% of edits to a Figma file get saved within 600ms, which means that as the teams that use Figma scale, their work can scale with them. We wanted to share exactly how we got to that sort of reliability, but before we get started, we’ll need to provide some context on how exactly Figma’s multiplayer editing works.”
“Learn about how to use component properties to create a pseudo slot card component.”
All models of iPhone 14, the new MacBook Air, and TV.
Announcement from Figma: “We’re launching new features to help teams move work forward. Join us for a livestream Tuesday, Oct 25 at 9AM PST to be the first to try them out for yourself!”
Anyone can have a good idea. Making it real is the hard part. 😅
— Figma (@figma) October 20, 2022
We’re launching new features to help teams move work forward.
Join us for a livestream Tuesday, Oct 25 at 9AM PST to be the first to try them out for yourself! See you there https://t.co/JenUH7dwTp pic.twitter.com/eIrk4OeBfr
Luis shows some of the original designs for the component icon by Rasmus Andersson. At this point, it’s hard to imagine anything other than ❖, but I also like #7 and #14.
I was digging through old Figma files and found a few of @rsms's original designs for the ❖ component icon
— luis. (@disco_lu) October 19, 2022
Literally naming the component!
If we changed to another one, what would you choose?
These are all main component / instance pairs pic.twitter.com/OnYxzLIXpq
A new plugin from Figma Developer Advocate Jake Albaugh for inspecting component properties as they would look in code. It currently supports the definition and instance code for Angular, React, Vue, and Web Components.
Dmitriy Bunin shares a great collection of must-know shortcuts.
My favorite shortcuts to design faster in #Figma.
— Dmitriy Bunin (@buninux) October 17, 2022
⌨️✨ #ui #design
A thread pic.twitter.com/HDffVqC8lo
Miggi shows how to do hanging opening quotes with Auto Layout.
A pet peeve of mine is seeing opening quotes set within a block of type. Using Auto layout and absolute position, you, too can make better quote blocks in @figma. #figmatip
— miggi but spooky 👻 (@miggi) October 18, 2022
More about optical margin alignment: https://t.co/dSTmOWEgUy
& in CSS: https://t.co/dCBrtS8lFx pic.twitter.com/kfMQ6sJ5mE
Ridd shows how to use the new beta to expose the subcomponent state, avoid breaking down components, and set preferred values for “slots”.
The component properties beta is 🔥
— Ridd 🏛 (@Ridderingand) October 18, 2022
Here are 3 ways I'm using the new features to level up my Figma game 👇 pic.twitter.com/txBKz0F5Wz
I wasn’t aware of the Shift+Delete shortcut for removing points on vector paths, but Option-clicking on them with the Pen tool is an even faster way to clean up a vector path.
I've been at @figma ~5 years and I still learn new things about it all the time…
— Noah Levin (@nlevin) October 19, 2022
Today @lbudorick taught me about "shift+delete" to remove and "heal" points on vector paths!
Apparently it even adjusts bezier handles of adjacent non-deleted vertices to preserve nice curves 🤯 pic.twitter.com/9zR5ZRpV4M
Alex Oyebade shows how to use videos in prototypes.
Using Figma’s New Video Feature!@memorisely @figma pic.twitter.com/79Am8LMYwP
— Alex Oyebade (@iamalexoyebade) October 17, 2022
“Rolling out over the next few weeks, you have the option to purchase a new Professional plan in your local currency or USD if you are located in Japan, Europe, UK, and Canada.”