How to Prototype your Designs in 2026 ✨ Vibe coding, Anything.com, Claude Code, Figma, Paper

👋 Here is a full breakdown of different ways you can prototype you designs depending on your level of comfort with code and vibe-coding. I'll be going through my full workflow, pros, cons, and comparison for each of the tools I talk about:
⭐️ Claude Code
⭐️ Anything.com
⭐️ Figma
⭐️ Paper

❤️ 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
01:18 prototyping
01:46 Claude Code prototyping
10:46 Anything.com prototyping
15:26 Figma prototyping
19:27 Trying out Paper (new tool)
24:33 Lessons & Reflections
28:19 thnx for watching!❤️

#productdesign #uiuxdesign #prototype #vibecoding #designprocess #figma #claude #beginnersguide #claudecode