Videos

In the first episode of a free Figma AI course by The Cutting Edge School, you’ll learn how to turn static designs into working web apps using Figma Make, without writing a single line of code. It explores the interface, attaching design files, styling components, adding a backend with Supabase, and finally previewing and publishing a live prototype. This is a beginner-friendly lesson that covers Figma Sites, Dev Mode, and how to use Claude-powered AI to generate functional apps faster than ever.

Professor Miggi walks through using Figma Draw to detail an endoplasmic reticulum to visualize a plant cell diagram.

Designer Advocate Mal shows how to create a library in Figma Design and enable it in Buzz to build on-brand assets.

In this recording of a webinar, learn more about designing, prototyping, and publishing websites all in Figma. Anthony and Lauren walk us through the best practices for making your website responsive and ways to add interactions and animations.

In this livestream, James McDonald iterates on Ridd’s design for Inflight and talks through design decisions in real time. Nice peek at how product polish actually happens.

“In this replay of our June 12, 2025 webinar, you’ll learn more about how teams can scale on-brand assets with design templates in Figma. Our team will walk through the template workflow, and show ways they can be customized and used to bulk create content.”

Ridd got an inside look at Figma Make while talking to Holly Li and Nikolas Klein about the future of prototyping. In this episode of the Dive Club podcast, they rethink what ​“high fidelity” means, explore how Make fits into the design workflow, and discuss use cases they’re most fascinated by.

A new official free course for beginners: ​“This course will walk you through the entire process of creating a website design for a personal portfolio website. We’ll start by teaching you the fundamental concepts and features that Figma Design offers, and then we’ll go on a creative journey together to make a website that you can customize to make your own using some of Figma’s most exciting features.”

A recording of office hours from May, where the Figma team walks through different layouts where the grid can be used to create rich and responsive UIs.

Anthropic Product Designer Meaghan Choi and Figma Developer Advocate Akbar Mirza show how Anthropic goes from design to prototype to production with Claude Code and Figma’s Dev Mode MCP server.

In response to Dann Petty, Dan Mall recorded a video showing what parts of Auto Layout he uses and what he ignores. I found it interesting because it’s so different than the way I use Auto Layout, but it works well for Dan! I use spacer frames occasionally, but never as my first choice.

Joey Banks shares a free lesson from his course with Dive readers on how to use Figma’s MCP Server. 

In this replay from the June 4th, 2025 webinar, learn more about the latest tools that help you express more in your Figma designs. Lauren Budorick, Rogie King, and Tim Van Damme will walk through improvements to vector editing, as well as new brushes, fills, and effects.

Figma rings the opening bell at the New York Stock Exchange on July 31st.

Miggi and special guests walk through updates across Figma Make, Sites, Buzz, FigJam, Slides, Dev Mode, Draw, and Design. Highlights include style context and Supabase integration in Make, vector simplifying and offset in Draw, grid updates, Dev Mode’s interactive inspection, and Sites’ background video fill.

Jack Michalak and Tammy Taabassum pair with Supabase​’s Chris Caruso to demo Make’s new Supabase connector, wiring auth, file uploads, and live Postgres tables straight from a Figma frame. Nice primer on turning a design into a data-backed web app with almost no code.

Tailwind’s Dan Hollick shows Ridd from Dive Club how Claude Code ties into Figma’s MCP server to spin up an editable UI, sharing his prompting tactics and live-debug workflow along the way. Handy if you’re testing AI-assisted builds from real design files.

Figma’s newest product designer Rogie presents a new effect that allows you to manipulate light, depth, frost, and refraction to create dynamic elements that refract light like physical glass. This playground file will teach you how to use the effect and provide creative inspiration to have fun with glass. 

This effect looks incredible! So glad we won’t need to deal with hacky imitations. Don’t miss a breakdown of how Miggi made this video.

Grid improvements, offering more precision and control: delete rows and columns, set min and max, and adjust multiple grids with a faster grid picker. The Grid Playground community file was also updated with new features.