I Built a Real App With AI (Figma → Claude → GitHub → Vercel → Supabase) — Here’s the Exact Workflow

From Jesse Showalter

2026-07-20 15:00 · Open original ↗

I’m tired of “vibe coding” demos that never turn into anything real—so in this video I’m walking through an *actual* AI-assisted design-to-deployment workflow where we build something with real product logic. We’re taking a concept (an interactive murder mystery / *Mole*-style party game) and running the full loop: Figma → Claude → GitHub → Vercel → Supabase → iterate You’ll see how I’d: - Design the experience + core screens in Figma - Use Claude to translate design intent into real components + app structure - Push clean changes into GitHub (so the project doesn’t turn into chaos) - Deploy fast with Vercel for a live, testable URL - Model real data + game state in Supabase - Test the whole thing and loop back to improve the UX + logic This is the workflow shift: not “AI made a UI,” but AI helping compress the distance between design, code, deployment, and iteration. What we’re building A mobile-friendly party game where players can join, get roles, receive clues, track accusations, and progress through rounds—plus a host dashboard to manage the game. ... Remember to Subscribe https://goo.gl/6vCw64 Checkout Mobbin.comhttps://mobbin.com/?via=jesse 00:00 - The concept 01:43 - Mobbin 00:00 - Design in Figma 07:15 - Claude Code 10:58 - Github 14:19 - Vercel Deployment 19:25 - Supabase Backend 22:20 - The Full Loop 24:03 - The part nobody tells you 24:52 - Design still matters 25:29 - Why this should matter to you? ------------------------------------------------------------------------------------ 🏆 //////////// Grow your career and level up skills through on-demand courses, live trainings, and a thriving community.: https://designchamps.io/ ------------------------------------------------------------------------------------ 🎨 ////////// I Design in Figma https://psxid.figma.com/ixbomhqzoiy0 🖥️ ////////// I build websites in Framer https://framer.link/jesse 📅 ////////// I run my life with Notion https://affiliate.notion.so/tokendsfahjf 🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/16252

I’m tired of “vibe coding” demos that never turn into anything real—so in this video I’m walking through an *actual* AI-assisted design-to-deployment workflow where we build something with real product logic. We’re taking a concept (an interactive murder mystery / *Mole*-style party game) and running the full loop: Figma → Claude → GitHub → Vercel → Supabase → iterate You’ll see how I’d: - Design the experience + core screens in Figma - Use Claude to translate design intent into real components + app structure - Push clean changes into GitHub (so the project doesn’t turn into chaos) - Deploy fast with Vercel for a live, testable URL - Model real data + game state in Supabase - Test the whole thing and loop back to improve the UX + logic This is the workflow shift: not “AI made a UI,” but AI helping compress the distance between design, code, deployment, and iteration. What we’re building A mobile-friendly party game where players can join, get roles, receive clues, track accusations, and progress through rounds—plus a host dashboard to manage the game. ... Remember to Subscribe https://goo.gl/6vCw64 Checkout Mobbin.comhttps://mobbin.com/?via=jesse 00:00 - The concept 01:43 - Mobbin 00:00 - Design in Figma 07:15 - Claude Code 10:58 - Github 14:19 - Vercel Deployment 19:25 - Supabase Backend 22:20 - The Full Loop 24:03 - The part nobody tells you 24:52 - Design still matters 25:29 - Why this should matter to you? ------------------------------------------------------------------------------------ 🏆 //////////// Grow your career and level up skills through on-demand courses, live trainings, and a thriving community.: https://designchamps.io/ ------------------------------------------------------------------------------------ 🎨 ////////// I Design in Figma https://psxid.figma.com/ixbomhqzoiy0 🖥️ ////////// I build websites in Framer https://framer.link/jesse 📅 ////////// I run my life with Notion https://affiliate.notion.so/tokendsfahjf 🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/16252