While I don’t often prototype interactions, I love the demo of all the use cases in this thread by Ana Boyer! Engineer Jediah Katz is also dropping some tips and tricks and Zander Whitehurst made a cool demo. Don’t miss the sticky scrolling playground file as well.

Designer Advocate Ana Boyer with great recommendations for reducing noodles, creating micro-interactions, and organizing separate designs into flows.

Well, now we all know how to refer to the Auto Layout alignment control.

Ana Boyer with tips for using Figma for presentations.

Ana is building off of her tip on creating nested icons that preserve color overrides, and now makes them duotone.

“Prototyping in Figma just got an update. In this livestream, Designer Advocate Ana Boyer and Product Designer Nikolas Klein will walk you through adding videos to prototypes, how to build and edit multi-flow prototypes, faster, and demonstrate how to bring others along. Community members Mirko Santangelo and Jannis Smesny will also join to demo how they use the new features.”

Ana and Miggie are back streaming their experiments with Figma prototypes. This time they cover drag interactions and video among other things.

A Twitch stream of Ana Boyer and Miggi Cardona diving deep into Figma prototyping.

Great comparison of different techniques for customizing components by Ana Boyer. Playing with the examples instead of just reading about them makes all the difference.

Ana Boyer on a few ways to archive no-longer-needed mockups.

Ana Boyer shares four tips for illustrating in Figma.

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.

Quick tips from Ana Boyer on how to use a Figma community file with the Batch Styler and Similayer plugins to quickly build a custom design system.

Hover over the quick create icon on a shape or sticky to see a preview of what will be created, or drag it to add connectors between shapes. See a quick demo by Ana Boyer.