Videos

If you didn’t have a chance to watch the full keynote yet, this is a short 6‑minute long video with main highlights.

MDS designs a quick concept of the would-be iOS app inside of Figma.

Watch Dylan Field, CEO of Figma, talk about Figma in Europe and demo new design systems features.

Rogie shows the best practices for documenting your design system using Figma and other tools.

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

Rogie and Joey talk about best practices for building cards, dialogs, navigations, forms, and other forms of complex components.

Three Figma community resources to get you started on your next web, iOS, or Android design project. Hope Community Spotlight will become regular series!

Alex from the Headway team explains how to build a simple data visualization kit in Figma. He also discusses the pros and cons of building a library vs. using a plugin for this kind of work.

Tim Benniks looks at how Figma, Zeplin, VS Code, and Storybook can work together to provide a much better experience for developers.

The design team at Headway recorded a free course on the basics of Figma.

Femke shows her engineering handoff process at Uber Eats. Among other things, she adds a Handoff page to her files, breaks it down into work streams, uses templates to show flow statuses, and adds notes to document changes and implementation details.

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

“You have a product that is loved, and your customers are bombarding you with feature requests. How should you prioritize? Drawing from his experiences at Uber, YouTube, and Figma, Yuhki shares some helpful ideas for how you might approach this phase.”

“Part ²⁄₅. Add to your design system by building foundational components and organize them using pages, frames, names, and descriptions.”

Miguel Cardona gave a virtual talk demonstrating the ways to develop and foster community through collaborative prompts and activities in a classroom with Figma.

Entertaining video showing how to create a simple and clean design in Figma.

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.

Femke shows Ditto Words, a new tool for UX writing.

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

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.