I Built a Real App With AI (Figma → Claude → GitHub → Vercel → Supabase) — Here’s the Exact Workflow
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
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