Videos

Figma did an aerial light show in San Francisco on October 2nd.

Dylan also joined the Latent Space to discuss letting designers build with Figma Make, how Figma can be the context repository for aesthetics in the age of vibe coding, and why design is your only differentiator now.

Dylan joins the TBPN show to chat about evaluating new AI models, the trajectory of Figma Make, and why human judgment and taste still matter even as AI accelerates execution. They also discuss leadership, his views on open-source models and emerging hardware, and MCPs.

Designer Advocate Brett McMillin is joined by members of the Figma AI and Anthropic teams to discuss the integration of Claude Sonnet 4.5 into Figma Make. This new model from Anthropic is praised for its significant improvements in design outputs, reasoning through updates, and overall performance.

Wes Bos from the Syntax podcast and Adam Wathan from Tailwind CSS dig into why every single website AI puts out is purple.

Dylan Field gives his first interview since Figma’s big IPO, joining ACCESS Podcast to talk all things design, AI, and what’s next for Figma.

Christine Vallaure explains the basics of getting started with Figma Sites, setting up your first page, and customizing your own blocks.

Peter Yang interviews Meaghan Choi, a design lead for Claude Code, about her Figma-to-code workflow and the top 3 design use cases for Claude Code.

Speaking of Cursor, Lee Robinson recorded a six-part video series on AI foundations. It’s designed for beginners to learn concepts like tokens, context, and agents. The entire course is free and just 1 hour long.

Christine Vallaure shows how to keep type consistent across screen sizes: establish text styles once, map them to your layouts, and preview responsiveness before you ship.

Advocates Anthony and Duncan discuss how to keep a design system aligned with code: structuring components and tokens for alignment; streamlining design-to-code with tools like Code Connect; confidently maintaining, updating, and scaling your design system; and laying the foundation for more effective AI workflows.

Andrew Gosine, Principal Product Designer at Slack, walks through how he organizes design iterations in Figma in an interview with Jay.

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.