Videos

A new video from Figma is going back to basics — what components are, why we use them, and how to create them. See also a couple more new tips on Component properties and Variants.

“Learn how to create an immersive parallax effect right inside Figma, in less than 15 minutes.”

Learn how to build a dual range slider that is adjustable using Auto Layout so you don’t have to create a ton of variants to show different options.

Tutorial from Samarth Jajodia on creating a cool animation with a few shapes, gradients, and blend modes with Smart Animate.

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.