Behind the Craft Full Tutorial: From Design to Code with Claude Code in 40 Minutes | Meaghan Choi
51 snips
Sep 21, 2025 Meaghan Choi, design lead for Claude Code at Anthropic, merges design with engineering by actively shipping code. In this chat, she reveals why shipping to production feels both "terrifying and magical." Discover her top three design workflows using Claude Code and learn how designers can collaborate with engineers for effective coding. Meaghan also showcases a live demo transitioning from Figma to working code in minutes, shares clever shortcuts, and discusses the evolving landscape of design roles in an AI-driven world.
AI Snips
Chapters
Transcript
Episode notes
Present Designers' Work As Draft PRs
- When possible, hand engineers a draft PR instead of a Figma mock to accelerate implementation.
- Use code as a higher-fidelity presentation to shorten the design-to-prod loop.
Pair With Engineers To Get Access
- Pair with an engineer for a day to get repository knowledge and local dev setup.
- Use pairing to learn preview builds, deployment expectations, and unspoken repo conventions.
Always Run A Local Preview First
- Use Cloud Code to run and preview apps locally, and leverage background bash to keep the dev server running.
- Start the local preview first so you can watch UI changes live as you iterate.