Videos

Short Buzz tutorial on resizing an asset for different ratios and platforms, plus setup tips so templates scale cleanly.

“In this replay of our July 9th webinar, we’ll deep dive into Figma’s Dev Mode to learn how it transforms the design-to-development workflow. We’ll walk through how Dev Mode streamlines handoff, bridges design and code, boosts developer efficiency, and scales design system adoption.”

Miggi: ​“Figma Make is coming to Figma’s free education teams. Students and Educators can now use Figma’s prompt tool to help take designs to functional coded prototypes! Those already on the education plan will require re-verification to continue to use free education teams and access to tools like Figma Make.”

In this replay of the August 14 webinar, Figma’s onboarding team walks through how to get started with Figma Make, how it fits into your design and product development workflows, and practical tips for preparing your designs to unlock faster, smarter AI output in Figma.

In this webinar, Yarden Katz (Product Manager for MCP) and Peter McCarron (PMM for Dev Tools) walk through some best practices for how to structure your design files to ensure better design-to-code translation, use annotations and rules to align outputs with your codebase, and provide other tips & tricks for optimizing your MCP outputs.

Mr. Biscuit explains the process of building a parametric button in Figma using the Variable Visualizer plugin.

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.