Videos

“In this video, we will guide you on how to select a single frame from a Lottie animation from the LottieFiles Library and export it to Figma. Then, we will use this new SVG and place it as part of our UI and animate it in Figma using the prototype feature.”

Nadia Sotnikova on how to edit layers in bulk to ensure consistent naming in the design system.

“Utilize the power of slots and Figma’s native instance swapping capabilities to customize component content without ever needing to detach component instances ever again.”

Learn how objects will position when using copy and paste in Figma.

Miguel is demonstrating the new copy and paste capabilities.

Luis talks to Santosh Komaragiri from Dataguard, who showed how they manage their Figma workspace. Their team has built some incredibly detailed product, marketing, and brand design systems which shows how you can take Figma to new levels of usage.

Zander posts short and fun Instagram videos about using Figma.

“Getting started building your design system can be a lot to take on, which is why we thought we’d bring in Steve Dennie from Onfido. They’ve been doing excellent work in the space and their Team, Project, and File organization is a delight.”

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.

Cool to finally see an official video from Figma on using this hidden technique! See also my old article Using Constraints with Layout Grids in Figma, explaining the same approach.

Miggi shows how to use audio and cursor chat in Figma and FigJam. Audio is only available on paid and education plans. Cursor chat is available both in Figma and FigJam, while high-fives are only part of the FigJam for now.

New introductory videos from Figma, with four parts focused on exploring ideas, creating designs, building prototypes, and preparing files for handoff.

Danny Sapio shows how to create sliders and loading indicators with Auto Layout.

A beautiful deep dive into Bézier Curves, explaining how they work and showing math behind them.

Anthony DiSpezio shows the new component insert menu opened by a Shift+i shortcut.

Demo of how the new Swap Library feature works. Great for migrating to a new version of the design system or toggling between light and dark modes.

Speed up your design workflows by combining plugins Responsify and Breakpoints.

“Masks are used to reveal specific portions of layers while concealing the rest. In this video, we’ll go through how to create a simple mask, the differences between masks and image fills, alpha channels, and advanced designs combining masks with other features.”

“Let your users know they’ve got notifications with this Animated Bell Icon that starts out in Figma, gets sent to After Effects to be animated, then exported as a Lottie file.”

“In the following steps, you will learn some rapid tips and tricks for Figma. We’ll have a look at 26 Figma features, going from A to Z.”