Design to code with Subframe + Claude Code MCP скачать в хорошем качестве

Design to code with Subframe + Claude Code MCP

A hands-on live build session recording with Filip, designer co-founder of Subframe, for designers who build with AI. Whether you call it vibe designing or vibe coding, you'll learn how to ship a working color palette app – with pixel-perfect implementation, setting up a real codebase, and iterating between design & code.​ ​00:00 - How design roles are changing 01:15 - Introduction 02:01 - Workshop overview 03:09 - About Subframe 06:10 - Claude Code & Subframe workflows 07:34 - Integrating design systems 10:18 - Setting up your Subframe project 14:22 - Designing with AI in Subframe 24:20 - How to set up your codebase 26:50 - Installing Claude Code 27:57 - Creating a Subframe starter project 31:36 - Claude Code best practices 33:34 - Plan mode 39:57 - Using Subframe MCP 45:27 - Running local dev 48:48 - Building functionality 50:48 - Final working app 51:28 - Updating components in Subframe 52:36 - Concluding thoughts Recorded live on January 22, 2026. ––– Subframe is the design tool for the AI era. Build real interfaces visually, train your own personal AI designer, and export production-ready code.