Videos

Ridd just launched Deep Dives, ​“a new interview series full of stories and advice to help you take a huge leap forward in your career”. In the first episode, Joey Banks gives an in-depth look at what it’s like to lead design systems at Twitter and Webflow, shares his strategies for structuring component libraries, working efficiently in Figma, and even keeping up with all of the latest plugins and tooling.

“With this Figma Plugin for Iconduck, you can search through 300,000+ free icons, emojis, illustrations, logos, flags, graphics, and clipart to find the perfect vector or SVG for your project.”

Punit Chawla showcases a few new AI plugins — Figaro, FontExploreAI, Aidentic, Cube GPT, QoQo​.AI, AI Designer, AI Color Palette Generator, and Diagram. While many of them still feel like proof of concept rather than a daily tool, it’s really interesting to see the direction design tools are taking.

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.