Designing + Vibe Coding an iOS App Live (Claude Code)

⭐️ Watch me design and vibe code an entire feature for our wedding app in one sitting! This is my full workflow on how I use my design tools and vibe coding tools 💕

Link to prototyping video mentioned:
🎬 https://youtu.be/V1_xpn0AJLI?si=iFu7CZ1O_iQNz2HK

Link to design video mentioned:
🎬 https://youtu.be/gYYeZNqCmpg?si=erHqlutt0n2YZLsh

❤️ Mobbin (my design tool, 20% off):
https://mobbin.com/cecilia

❤️ Anything.com (prototyping tool, 20% off):
https://anything.link/cecilia-kim

❤️ Framer (no-code website building tool, 30% off annual Framer Pro Plan): https://framer.link/cecilia1
code: CECILIA2

✨Instagram: https://www.instagram.com/ceciliakimdesign/
✨TikTok: https://www.tiktok.com/@ceciliakimdesign
✨Twitter/X: https://x.com/ceciliakdesign
✨Portfolio: https://www.ceciliakimdesign.com

📣 My husband and I are working on some projects. Check out our apps!
📱 https://www.amyfoodjournal.com/
📱 https://ellieplanner.com/
📱 https://lunabudgeting.com/

Timestamps:
00:00 intro
02:06 research phase
09:30 vibe coding setup
13:05 live vibe coding
23:14 testing and feedback
29:16 thanks for watching!🫶

#productdesign #uiuxdesign #vibecoding #livetipsandtricks