The Complete Guide to Vibe Code for Designers. On how to build anything.
By the end, you will know how to build your own apps, web workflows, etc., on Cursor and Claude Code. Here's a breakdown of the module. (by felixleezd)
I made this to be super beginner friendly so Cursor and Claude Code feels easy and fun for you.
<aside> <img src="notion://custom_emoji/36175404-afbe-441c-9aba-69625a35e5e4/32964f4e-3d4b-8031-81df-007a3c2835cb" alt="notion://custom_emoji/36175404-afbe-441c-9aba-69625a35e5e4/32964f4e-3d4b-8031-81df-007a3c2835cb" width="40px" />
This collection is brought to you by AI-First Designer School.
The world's FIRST online school for designers/non-coders who want to ship, using Claude Code. New modules include Figma to Claude Code, Paper MCP, and more. Designers who ship are the most valuable hires in tech today. Don’t fall behind.
Apply to 1.8K+ designers/builders in this global community today:
Designers Who Code Ship 10x Faster — And Get Paid 10x More
</aside>
Step 1: How to install and set up
Step 2: Overview of Claude Code & Cursor Interface
Step 3: Building your own project
Step 4: Github + Using Git 101
Step 5: Deploy your app - Go live
Step 6: Add your custom domain
Step 7: Build a Web App (Advanced)
Step 8: Set up Supabase and OpenAI (Advanced)
One more thing…
🎁 Introducing DesignStack: FREE Design + AI + Career Course.
50+ lessons that top conference speakers and masterclass instructors wish they had early in their careers. Covering everything from personal branding to AI-first design — yours for free.