Molly Hellmuth with a detailed walkthrough of beta features and why they’re worth using right away.
💡 Figma Tip: Starting using the new BETA PROPERTY features now!
— Molly Hellmuth (@molly_hellmuth) September 20, 2022
This update is huge! There are 3 major ways it’s going to make using component instances much easier for your design team.
Keep reading to learn how.. pic.twitter.com/T0OOkkXRIO
Joey Banks explains why new features are so important for the design systems’ work.
Sho Kuwamoto, Director of Product at Figma, on new features and applying the concept of “composition” from engineering to design systems.
One of the reasons I'm so excited about this new set of features is that it lets people use composition effectively.
— Sho Kuwamoto (@skuwamoto) September 20, 2022
I know that "composition" (used in this way) is an engineering term and not a design term, but I think it applies.
1/n https://t.co/SL5mNhoMNm
New component property features in open beta: exposed nested instances for more customization, preferred values for more clarity when instance swapping, and simplified instances for more focus on relevant properties.
“You can now review, respond, and leave feedback to comments from your phone or tablet.”
I'm excited to announce mobile comments are now available in @figma. This is a request I know many of you (myself included) have been waiting for.
— Greg Blaszczuk (@gregblaszczuk) September 13, 2022
You can now review, respond, and leave feedback to comments from your phone or tablet. And as always, we're always open to feedback. pic.twitter.com/B4HPRvSFzq
Luis on why it’s important to optimize for the usage of components.
Something I'm see a lot is that we prioritise component *creation*, not *usage*
— luis. (@disco_lu) September 13, 2022
This usually ends with something like this (simple example). Building is easier, but usage harder
The "notification" component is buried in variant settings. It's also a different component! pic.twitter.com/R5s63ptJ4w
Fantastic thread on why collaboration features in XD or Sketch would never match Figma: “In short, Adobe would have never caught up to Figma. It’s genuinely easier and cheaper for them to use Figma’s architecture to rebuild all of their existing applications than to try to make any of their existing apps as delightfully multiplayer as Figma.”
I'm not surprised that Adobe is acquiring Figma for $20B, nor that Wall Street doesn't understand it and $ADBE stock is down more than $20B today. It's a smart move for Adobe because it's nearly impossible to make legacy software applications multi-user collaborative. Thread: 🧵
— Amal Dorai (@amaldorai) September 15, 2022
“Coordinated, moderated usability testing takes time. Maze makes it faster and easier with unmoderated user testing! In this video, Pamela Porto provides a step-by-step tutorial on how to create a usability test in Maze with a Figma Prototype.”
Beautiful demo of a powerful animation plugin Aninix.
Hello, @apple.
— Aninix (@AninixApp) August 31, 2022
This is an animation created with a trim pass effect that you can do directly in @figma using @AninixApp.
It's quick simple and beautiful:) pic.twitter.com/EdqoL8a6BQ
Mizko with a new video comparing the design hand-off process using Figma vs Zeplin.
Pavel Babkin shows how to move objects along the path using the Figma Motion plugin.
Trim text elements by nesting them within frames to remove space above capital letters and below the baseline. This removes the bounding box and makes text behave as every other element in your layout. See also this thread by Roman Shamin on how font metrics leading to equal space above and below the text can make digital design and development easier.
Anthony DiSpezio with a great tip on controlling opacity and zoom level with the number keys.
Incoming #figmatip
— Anthony DiSpezio (@adispezio) August 19, 2022
*Number keys for opacity* enabled:
- 0-9 to set 10% increments
- Tap two keys quickly for the exact %
- Tap 0 twice for 0%
- Hold shift for zoom keys⬇️
if disabled:
- 1 for 'zoom to fit'
- 2 for '...selection'
- 0 for '...100%'
- Hold shift for opacity keys⬆️ pic.twitter.com/82Et0GSV1w
Patrick Morgan asked designers about their favorite Figma shortcuts and shares the top 10 recommendations based on 220+ responses.
I asked designers for their favorite @figma keyboard shortcuts.
— Patrick Morgan (@itspatmorgan) August 15, 2022
220+ responses and hours of synthesis later...
Here are the top 10 keyboard shortcuts to supercharge your workflow:
The makers of the Aninix plugin explain animation timing in this detailed Twitter thread.
It’s very common and complex question “How to choose timing for UI animation?”. That's why we've prepared a simple guide to help you choose the right timing for any UI animation. We use @Figma + @AninixApp as always😉
— Aninix (@AninixApp) August 15, 2022
More explanation and details in the thread 🧵→ pic.twitter.com/uxwu0oEU6k
A quick look at the process of updating an existing component with Component Properties and releasing an update with minimal friction for the design team.
Pavel Babkin explains how to use link animation for layer properties in his popular Motion plugin to easily animate complex scenes.
Christine Vallaure highlights some of Figma’s features and possibilities to help you build a design that aligns with code as much as needed and improve your teamwork.
“In this panel, four industry-leading femmes (Anna E. Cook, Shell Little, Alexis Lucio, and Tolu Adegbite) discuss the practice of inclusivity and accessibility in design. They dive into what it means to integrate accessibility into designs, inclusive design thinking, the tools designers can use to empower their work, and the different roles designers take on in inclusivity practices.”
In this live stream, Figma’s Cristen Torrey, Director of Product Research, and Andrew Hogan, Insights & Analysis Lead, dive deeper into the recently launched collaboration report. They go behind the scenes of the research, answer questions, and help identify what you can do to make your next meeting, day, or week better.