Videos

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.

Jenny Wen leads design for Claude at Anthropic, and in the past, she was Director of Design at Figma, where she led the teams behind FigJam and Slides. At Lenny’s podcast, she lays out how AI is collapsing the classic ​“research → mock → iterate” workflow into two main jobs for designers: supporting rapid implementation alongside engineers, and setting shorter 3–6 month product visions that keep a swarm of agents and builders pointed in a coherent direction. Jenny describes the day-to-day at Anthropic as equal parts surfing internal prototypes, pairing with engineers, and doing last-mile implementation herself. She still sees Figma as critical for exploring many directions and fine visual decisions, but treats Claude as her primary stack for long-running tasks and front-end polish.

“Andrew Hogan speaks with Tamara Moellenberg, associate partner at ReD Associates, about a strategy framework that goes beyond optimization and user-centricity. Drawing on anthropology, ethnography, and the social sciences, Moellenberg introduces the idea of ​“worlds” as a third wave of strategy, focused on culture, communities, and shared systems of meaning.”

“Andrew Hogan sits down with Garkay Wong, author of The Art of Design Strategy, to explore how designers can better articulate the value of their work in an era of rapid technological change. Drawing on her experience across service design, innovation strategy, and consulting, Wong explains why many traditional business frameworks fall short and how design can play a stronger role in strategic decision-making.”

I missed the announcement a couple of weeks ago, but the stamp wheel now includes all emojis, which you can use as emotes or as stamps.

Sherizan and Nayanika from Botim share an inside look at how their team designs, builds, and scales product experiences using Figma. In this ​“In the File” livestream, they share how they structure files, manage components and variables, and collaborate across design and engineering to ship consistently at scale.

Mallory breaks down how brand designers can use variables to scale brand expression in Figma. Learn what variables are, how they differ from styles, and how they support real brand use cases — from multi-brand systems to scalable templates.

“Ryo Lu pioneered new patterns for collaboration as founding designer at Notion. He now leads design at Cursor, shaping how software gets built through a fusion of design and engineering. In this conversation with Soleio, he explains Cursor’s approach to design and how the product will evolve to empower designers who build.”

Dylan interviewed post earnings on TBPN: ​“We discuss Figma’s growth, the rise of Figma Make, the shift from linear coding to a visual-first product loop, why taste becomes the real moat in an agent-driven world, and why design is the ultimate differentiator in 2026.”