Design and build an app in 1 hour with Subframe & Claude Code
Автор: Subframe
Загружено: 2026-01-23
Просмотров: 32
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.
Доступные форматы для скачивания:
Скачать видео mp4
-
Информация по загрузке: