Subframe

Get started → https://subframe.link/yt This is a full MVP design walkthrough — using AI inside Subframe to build real, clean UI that devs can ship. We’ll design User Stories: a daily feedback feed that shows what users are trying to do. You’ll see structure-first thinking, judgment, and actual React output — not just prompts. In this video, Jeff designs a full MVP inside Subframe — with AI supporting real design decisions, tradeoffs, and follow-through. We’re building User Stories: a product for teams to review user–AI conversations, spot what users are trying to do, and build a habit of friction-hunting. This is a structure-first, judgment-heavy workflow — not a prompt demo. Every component and design resolves to clean React you can hand off or ship yourself. What you'll see: - How to set up a Tailwind-based design system with tokenized themes - Using AI to scaffold structure, not just polish UI - Live walkthrough of component editing, variants, props, and slots - Designing for real dev handoff (not Figma hand-waving) - Judging when to use AI, and when to push it aside What this is not: No prototyping No code shipping (yet) — this is what happens before the commit If you care about product structure, team handoff, and making AI useful instead of noisy — this workflow is for you.

Try today → https://subframe.link/yt New in Subframe: AI-powered component design. React code export. Single source of truth. Ask AI to create components in Subframe. Describe it in a prompt, upload an image, or import existing code. You get a real component — with variants, props, and slots — fully editable in the visual editor and ready to sync with your codebase. 0:00 - Intro 0:10 - Prompt with Figma screenshot 0:30 - AI agent for components 1:01 - Edit components in design mode 1:12 - Preview live component 1:29 - Export as React code ––– Subframe is the AI-native design tool built for code. Design with full control, build your design system, and connect to AI code agents to build your product UI.