Videos

Dylan Field in an interview with Peter Yang argues that AI will massively expand what’s possible in design, but the enduring edge for humans is judgment: taste, craft, and point of view, plus the ability to use AI as an iterative partner rather than a one-shot generator.

Steve Schoger from Tailwind Labs recorded a step-by-step walkthrough on taking an AI-designed dashboard and turning it into something that looks like it was designed by a pro.

Brad Frost and Chromatic cofounder Dominic Nguyen walk through how Storybook’s new MCP exposes design systems for agents to use reliably. The key insight: AI doesn’t invent states your components don’t have — it amplifies what’s documented. Coverage, completeness, and constraints are now load-bearing.

Ed Bayes leads design on Codex at OpenAI; Gui Seiz leads AI product design at Figma. Together with Aakash Gupta, they give a rare behind-the-scenes look at what the Codex-to-Figma MCP integration actually changed inside their teams. The workflow is genuinely bidirectional, code and canvas reading from each other directly. The most concrete signal that something shifted: designers are working directly in staging.

Figma and Anthropic demonstrate the Claude Code roundtrip in both directions. Write to Canvas lets Claude Code create and modify designs directly in Figma; Code to Canvas brings live browser UI back in as editable frames. Worth watching alongside the Agents on Canvas blog post and Figma Skills page for the full picture of what this workflow ecosystem looks like.

Jony Ive on redesigning the Christie’s auction rostrum, an object with 260 years of history and specific ceremonial weight.

Luis Ouriach argues that modern design systems have become the centerpiece of software development in an AI-first world, shifting from a siloed support function to the primary mechanism that tells LLM-based tools what to build, and therefore directly shaping code quality, speed, and brand differentiation.

The Claude Code version of Figma’s ​“Code to Canvas” tutorial. Clear and short, covers the same workflow as the above.

Figma’s official walkthrough for the Codex-to-canvas workflow: pull coded designs into Figma as editable frames, iterate on the canvas, push changes back to code.

Gui Seiz and Alex Kern from Figma walk through the exact workflow they use to keep design and code in continuous sync using Figma’s MCP, Claude Code, and Codex. Their demo shows the full round-trip: pull a running web app into Figma as editable frames, make design changes on the canvas, push them back to code via Claude Code. If you’d rather read than watch the full video, the newsletter summary of this How I AI episode captures the key takeaways.

Jenny Wen, who brought FigJam from concept to launch at Figma and is now design lead at Anthropic, talks at the Double Diamond podcast about designing Claude itself. The key difference from traditional software: ​“When you are designing now with these LLMs, you basically can’t map out all those flows. You basically just have these core primitives and these specific states that you want the model to get to, but the possibilities in which the user can actually interact with the model are just basically endless.”

Steve Schoger is a design cofounder of Tailwind CSS and a recent Claude Code convert. In this walkthrough, he is using Claude Code as his main design tool to turn a generic AI-generated marketing page into a polished Tailwind UI, with lots of concrete tweaks to typography, spacing, borders, and layout.

Ridd interviews Kris Puckett, design manager at Stripe and formerly design lead at Mercury and Dropbox, on becoming an AI-native designer by using tools like Claude Code, OpenClaw, and personal AI to ship his own apps, supercharge his design practice, and build highly personal systems for life and work. I’m deeply curious about the last part and can’t wait to dig into his course Neuma on building a personal AI system.

In this interview, Jay chats with Elad Mizrahi, who is building a working Figma widget in under an hour with Cursor AI. The appeal for designers is obvious: widgets are notoriously finicky to set up from scratch, and using an AI coding agent to handle the boilerplate means you can stay focused on the logic and behavior rather than the scaffolding.

An hour-long firsthand account from a Shopify designer on integrating Claude Code into his day-to-day workflow. Product design at that scale means navigating design systems, production codebases, and cross-functional handoffs, which is a more realistic stress test for agentic coding tools than a clean demo. The shift from ​“designer who writes prompts” to ​“designer who ships code” is happening faster than most predicted.

Designer Advocate Brett McMillin covers the fundamentals: what slots are, how to add them to components, and the mental model for thinking about content-structure separation in design.

Slots are finally here! This hands-on tutorial explains building flexible components with Slots and covers the practical workflow, from setting up a slot inside a component to configuring preferred instances so designers know exactly what content belongs there.

It’s time to pay respect to the original ​“slot component” technique, shared by Ridd back in 2021. Thanks for your service, you’ve served us well.

“Welcome to Deep Dive with Jay, a series where we will look inside the Figma files of top designers. In this interview Jay chats with Shreya, Senior Product Designer at Groww and freelance illustrator. You will learn how Shreya uses Figma Draw for freelance illustration projects.”

“Join Figma designer advocate, Ana Boyer and OpenAI product designer, Ed Bayes as they talk through roundtripping between code and canvas.”

A live walkthrough of all February launches across Figma products, plus a Q&A with CPO Yuhki Yamashita on where design and software are headed this year. Don’t miss an early preview of Slots, launching in open beta this Thursday.