Videos

A quick demo of the sticky scroll feature introduced as part of the recent Little Big Updates.

Lauren shows how to create a micro animation (also known as micro interaction) using a heart icon. These interactions add a really fun touch, and I love that the tutorial uses a heart icon from another tutorial by Miggi.

Lauren Andres discovers an older feature ​“delete and heal” to create smoother vector lines.

I see this tip on exporting the original image file from the Inspect panel shared from time to time, and it always surprises people. Wish it wasn’t so hard to discover!

Speaking of aligning layers, individual vector nodes can also be aligned or evenly distributed.

A quick tip on using keyboard shortcuts to align layers.

The recording of Miggi’s workshop livestream on using vector tools in Figma.

One more video by Christine, this time about components — covering everything from simple shortcuts to powerful plugins. Some of the topics include selecting matching layers across all variants, reviewing library updates, linking Figma components to a code base, using the EightShapes Specs plugin, moving components between files, swapping libraries, and using real data in instances.

Christine Vallaure shares a few practical prototyping techniques and advanced tips & tricks. They include using Auto Layout with Smart Animate, stateful transitions with sections, nesting prototypes, interactive components, and more. This video is also available as an article.

In this Study Hall, Miggi covers several ways to add/​edit images in Figma and demonstrates how to upload a video to use when prototyping or presenting.

Tutorial Tim shows how the ​“Simplify all Instances” feature reduces an overwhelming visual overload in the Properties panel.

Livestream from Friends of Figma, Portugal where Bruno, Raquel, and Rita analyze the Atlassian design system through its Figma community files and documentation.

In this talk, Marco Krenn will show you how Fluid Interfaces and Typography enhance your Design System, from Static to Dynamic.

Cool open-source proof-of-concept, related to the above post by Edward. For now, I’m skeptical of AI-generated components (explaining ideas and details may take longer than building from scratch), but bullish on offloading mundane tasks, error detection, and quality checks to the AI.

If you missed the livestream (or had trouble joining the Zoom webinar), check out this recording of the event. Lively and exciting presentation by the Designer Advocates team!

Danny Sapio shares some great Auto Layout tips and shortcuts that can speed up your work.

David Hill shows how to make a nice 3D button with an active ring effect, applied in a way that grows with the button without changing the dimensions of the button.

A new free course with a comprehensive curriculum on how to use Figma. 

David Hill shows how to achieve a very cool curved mesh effect in Figma.

Yuhki Yamashita’s talk from WebSummit 2022. I shared slides and an article based on this talk last November. In it, Yuhki explores how design is changing and how we need to change with it. He also offers practical advice on navigating our new always-in-progress world and Figma’s approach to developing collaboration features designed with that in mind.