“Add interactions between component variations in your design system and reuse them in your prototypes with no extra work.” (Launching in January 2021.)

Announcements from the above keynote, presented as a blog post. ​“We believe in embracing concepts from engineering and design, adopting the rigor and reusability of code while preserving the rapid iteration and uninhibited exploration that makes visual design so powerful. […] When code and design components mirror each other, teams can move much more efficiently. Today, we announced Variants, Interactive Components, and improvements to Auto Layout that will allow teams to do just that.”

A branding and digital agency BASIC worked with Herman Miller on redesigning a Design Within Reach (DWR) website to replicate the experience shoppers might have in a showroom. They used Figma prototypes for usability testing and took the redesign as an opportunity to create the first design system for all of Herman Miller brands.

Testing a design system to see if the component library is robust enough in real-world scenarios.

A very nice plugin for visually connecting objects with arrows. It even automatically updates the arrows when connected objects are moved around.

Two new prototyping features! Now, you can show multiple ways to interact with a single object and make your transitions pop with custom easing curves.

And another one, introducing easing curves and explaining how to create your custom Bezier easing curves.

Creating a smooth parallax scrolling animation in Figma and Framer. It’s nice that both apps work in the browser, and Framer has a built-in Figma import.

One of two new tutorials shows the latest updates to the prototyping.

Get user feedback earlier and faster on your designs by running user testing and turning research into actionable insights.

A starter wireframe kit for quick design and prototyping of ideas. Its library contains more than 150+ components and 50+ ready to use mobile screens.

Cool app for creating high-fidelity prototypes and exporting HTML from Figma designs. See also their review on DesignCourse YouTube channel.

Quant UX is a prototyping tool supporting importing from Figma. I was impressed with their tools for analyzing data collected from user tests.

The 3rd and final part of Rogie’s series on designing a book app.

Designer advocates Tom Lowry and Rogie King dive deep into some lesser-known capabilities of Figma’s prototyping tools.

Framer Web team shows how to move from visual design to interactive prototyping in minutes, thanks to their recently announced Figma importer.

Good tips on creating custom transitions, handling and organizing multiple flows in a prototype, and communicating during developer handoff.

Alia Fite makes a point that prototypes don’t always have to be high-fidelity. She shares the benefits of lightweight prototypes and some ways the team at Figma is using them.

Thanks to Figma’s commitment to open web, Framer X just introduced Figma importer. This is great news for people interested in interaction design and advanced prototyping.

Gleb got on the challenge of implementing typing in the prototype using overlays, keyboard triggers, GIFs, and some magic. Absolutely impractical but fun nonetheless!