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.
This demo of the upcoming Ando plugin blew up over the last few days. Antonio Cao is working on a plugin using Stable Diffusion to generate AI art based on visual and text prompts. The new wave of AI design tools may be the biggest change in our industry after the introduction of multiplayer by Figma in 2016.
Gonna ship a Figma plugin to go from prompts + simple shapes to design ideas using #stablediffusion #aiart pic.twitter.com/0VYais9C6X
— Antonio Cao (@RemitNotPaucity) August 24, 2022
“The Figma app allows your team to riff on ideas together in real-time, present designs to get stakeholder feedback, and share the latest updates with everyone — without ever leaving Microsoft Teams.” See also the conversation with Jon Friedman, Corporate VP of Design & Research at Microsoft, about collaboration, the importance of design systems and toolchains in freeing up time for ambitious work, and why it’s worth it to change a company’s culture — even if it’s hard.
Nice improvement to the search — now you can find files based on page and frame names, in addition to the underlying text.
Another small but hopefully helpful change here for improving search in @figma, we shipped an update today that helps you search for files based on page and frame names (in addition to the underlying text). So much more to come 🚀 https://t.co/VBN3S3XbYB
— Manosai Eerabathini (@manosaie) August 18, 2022
Molly Hellmuth shares a few things she learned about using Component Properties after rebuilding a design system from scratch.
I just rebuilt my Design System from scratch (to include Config2022 updates)
— Molly Hellmuth (@molly_hellmuth) August 11, 2022
Here are the 3 biggest thing I learned about using Component Properties during this process.. pic.twitter.com/9aNJcmxNjd
Learn everything you need to know to master the latest version of Auto Layout and optimize your work.
Wire Box converts your high fidelity designs into low fidelity wireframes. I couldn’t see why this plugin exists until hearing about other people’s struggles with providing feedback on a “perfect” prototype made with a design system.
Elizabeth Alli shares how to embed an interactive Figma prototype into Notion.
Patrick Morgan on setting guardrails to give structure to your presentations made in Figma. (I always use Figma for my slides. One time I had to use Google Slides, so I designed my slides in Figma and then copy-pasted them to the presentation.)
Once you craft a presentation in @figma, traditional slide tools just feel... insufficient.
— Patrick Morgan (@itspatmorgan) August 8, 2022
But to unlock that power, I needed to set guardrails to give structure to the blank canvas.
7 small enhancements made all the difference:
I’m not familiar with the Specify app, but this use case is something I’ve been thinking of automating myself. Happy to see that there is an existing solution! As Sun Tzu once said, “If you wait by the river long enough, the Figma tools and plugins you need will float by.”
Figma opened up the prototype screen reader beta to everyone. The feature was announced earlier in May. “The beta includes screen reader support for text nodes, alt text for images, and the ability to interact with prototypes with buttons and keyboard actions like tabbing.” Here is a quick preview using a macOS VoiceOver.
Generate all possible instances for your components, including every combination of variants and component properties, all in a tidy labeled table.
I was looking for a plugin to clean up my file and convert all color values to matching color styles, and this plugin got the job done perfectly. Thanks to Dave Kover for the recommendation!
Miguel with a few useful shortcuts for adjusting font size, weight, letter spacing, and line height.
Happy Monday! Here are some some great shortcuts when deep in the weeds of type exploration in @figma.
— miggity miggity mac (@miggi) August 1, 2022
Easily adjust font size, weight, letter spacing and line height using modifier keys and the <, > symbols. On Windows, swap out "alt" for "⌥" and "ctrl" for "⌘"#figmatip pic.twitter.com/byFfkVWUMe
Gary Simon created an accessible app to help his dad. An entire thing is based on a Figma prototype. Hope it worked out well!