Videos

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.

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.”