Here’s What You Get:
You’ve handed off specs that came back unrecognizable. You’ve watched engineers deprioritize your best work. You’ve sat in sprint planning knowing your designs won’t ship this quarter. Maybe not next quarter either.
That’s not a design problem. It’s a dependency problem.
Designers who build don’t wait for permission. They prototype in code, ship MVPs over a weekend, and walk into standups with working demos instead of Figma links. They get hired first, promoted faster, and command 3x the rate.
AI changed the math. Claude and Cursor write the code. You direct it. Three hours from mockup to deployed URL — no CS degree, no bootcamp, no begging for eng resources.
This course teaches the exact workflow.
Curriculum
Five modules. Pure execution. Zero fluff.
01. The Shift
Module 01 · 8 lessons
The shift: why designers who build win
8 lessons
- The shift is already here — why offense beats defense as a mindset
- Frontend, backend, APIs in plain English (Pocket FM & Flipkart examples)
- Two types of AI tools: prototyping vs real building environments
- Why Lovable, v0 & Figma Make are not enough on their own
- Picking the right AI model: Opus, Sonnet, Codex, Gemini compared
- AI cost: tokens, cache, context windows, what you actually pay for
- Which AI model is best suited for your design workflow
You see exactly where the design industry is headed in 2026, and have the mental model that everything else in the course builds on
02. AI Toolkit
Module 02 · 5 lessons
Taste, workflows & the AI toolkit
5 lessons
- Taste & prompting: why your workflow is the edge, not the tool
- How real teams at Perplexity, Intercom, Shopify, RAMP, Pocket FM, Notion actually use AI today
- Bird’s-eye tour: Variant UI, Replit, v0, Magic Pattern, Magic Path, Freepic, Unicorn Studio
- In-depth workflow of how to use these tools to actually make your workflow faster
- MCP, CLI & skills.md: the three concepts every AI-native designer needs
You know exactly which AI tool to pick for which job, and how to wire MCP, CLI, and skills.md into your daily workflow.
03. Mobile App
Module 03 · 6 lessons
Build & ship Bunkd: your first mobile app
6 lessons
- Setting up Cursor, Node.js, Expo Go, Xcode, iOS simulator
- First prompt: Figma frame to running React Native app via the Figma Dev Mode MCP
- Iterating Bunkd: file picker, PDF preview, Lottie empty states, the messy real build loop
- Auth & cloud storage with Supabase + the Supabase MCP (debugging the zero-byte upload bug live)
- Shipping an APK with EAS for Android distribution
- Pushing your codebase to GitHub: the 6 git commands you actually use
A real React Native app called Bunkd shipped end-to-end. Public APK on your friends’ phones, GitHub repo with your name on it, the full buil
04. Mac App
Module 04 · 5 lessons
Build & ship a native macOS app
5 lessons
- Tools & setup: Kiro for macOS, what carries over from Module 03
- First build: Kiro, SwiftUI & a wellbeing notch reminder app (Vibe vs Spec mode)
- Iterating the UI: notch reminders, custom sounds (Pixabay), three-iteration debugging
- Polishing the build: Lottie icons via Airbnb’s Swift Package, name-based personalization
- App icon & distribution: shipping a DMG installer with the gatekeeper bypass guide
A native macOS app with Lottie animations, custom sounds, and personalization — packaged as a DMG you can drop in any chat. No Apple Developer account required.
05. Stay Relevant
Module 05 · 2 lessons
Stay relevant: hiring & shipping in production
2 lessons
- How to be a top contributor as a design engineer in your organisation’s codebase
- What you need to get hired as a design engineer & the career trajectory ahead
A clear hiring framework for 2026, plus the practical workflow to ship code into your team’s repo without breaking it. The signal you need to send to land design engineer roles.
Bonus
Two 1:1 calls with Sunal & Shashi.
30 min each · book any time after Module 03