Introduction to vibe coding for designers

Turn Figma screens into web apps — no coding required

Jen Jernigan

Jen Jernigan

Ex Apple, Airbnb, Hulu

Course header illustration

Course starts April 25

Get $200 off through April 9

Early bird discount

$899  $699 USD

Reserve seat
Get reimbursed Refund details

Redefine your craft

Bring your ideas to life

AI is redefining what it means to be a designer and shifting the role from creating interfaces to building real, functional products. In response, companies are raising the bar and looking for people who can go beyond delivering Figma screens.

Often called vibe coding, this approach lets you move from idea to working software through rapid iteration and real-time feedback — without traditional coding. Through live expert-guided sessions, you'll learn how to translate your existing workflow into functional software.

You already understand the interactions and behaviors that shape a great product. You'll leave this with a new skillset that'll wow your colleagues and advance your career.

What's included

🔥 10+ hours of hands-on workshop training
🎨 Build with Figma MCP, Claude + GitHub
💬 Live 1:1 support with the instructor
📄 Workshop guide, project files and recordings
🚀 Ship a real web app
🧑‍🤝‍🧑 Small cohort sizes

Build until your heart's content

You'll create projects like these during the course. Your ambition sets the pace.

Made for creatives who've
never touched code

01

Product
designers

Ship fully functional products

Turn your Figma screens into working prototypes and products without front-end coding knowledge.

Designer at work
02

Design systems
designers

Launch your DS with pixel-perfection

Build your design system the way it's intended and make real-time improvements as you go.

Content strategist at work
03

Brand
designers

Turn identity into experience

Create immersive brand interactions and experiences that leave a lasting impression.

Designer at desk
04

Content
strategists

Collaborate with confidence

Learn the skills to work alongside your team in a generation of tools.

Content strategist with dog and laptop

Ready to
start building?

Join designers learning to build with AI.

Reserve now

Agenda

Course syllabus

Live workshop  ·  April 25 – May 16  ·  Wed 4–5:30 PM & Sat 10–11:30 AM PT
April 25
Welcome to AI-built appsKick off the course with an overview of how AI-built apps are changing the way products are designed and developedGetting started with Claude Cowork and GithubSetting up your dev environment and getting to know the tools
April 29
Bridging the gap between Figma and AI-buildersHow to transition your designs using Figma MCP and Claude CoworkAdding style and using referencesAdding custom fonts, styles, effects and design systems
May 2
Debugging AI-built appsLearn how to resolve common issues and roadblocksBeyond the basicsAdding logic and creating more dynamic experiences with JavaScript and React.
May 6
Scoping projectsLearn how to define project scope, set realistic milestones, and plan builds from start to finishStudio build time + supportFocused work time with direct support from the instructor and an experienced engineer
May 9
Designing usable, accessible AI-built appsAddressing real-world usability and accessibility issues while building and refining interfacesShipping a projectA step-by-step walkthrough on how to launch to production
May 13
Data securityHow to protect your projects, data, and users from common data security threatsStudio build time + supportFocused work time with direct support from the instructor and an experienced engineer
May 16
Project showcaseSee the apps and products students created during the course
Reserve seat

Prerequisites

What you need to start

  • 🎨
    3+ years of professional experience The course is structured around design terminology, systems, and interaction patterns familiar to practicing designers
  • 🤖
    No coding experience needed You'll be guided through every technical step. This course will give you the confidence to build web apps without needing years of development experience.
  • 🤖
    A Claude subscription plan You'll need active Claude plan to build alongside the workshop. We'll spend a few minutes during the first session setting that up. Subscriptions are not included in the enrollment price.
Jen Jernigan

Meet your instructor

Jen Jernigan holds a BFA in Design from the California Institute of the Arts (CalArts) and is a seasoned design professional who has worked with startups and global brands including Apple, Airbnb, and Hulu. She is the founder of Designing Futures, where she helps teams take ideas from 0 to 1.

Apple Hulu Airbnb

Faqs

Common questions

Contact us
All live workshops are recorded and shared with enrolled students. You can catch up at your own pace and still get full value from the async curriculum.
During our first session, we'll set up your Claude and GitHub accounts together, and you'll receive an onboarding guide for future reference.
Yes — you'll receive hands-on guidance in building an app of your choice. By the end of the course you'll have a live, deployed web application that you built yourself. It'll be on a real URL you can share with your portfolio or show to stakeholders.
You'll need an active Claude plan to build alongside the workshop. A Claude Max plan is recommended while you're learning and building your first app. Subscriptions are not included in the enrollment price. No worries if you haven't purchased a subscription, we'll spend a few minutes during the first session setting that up.
Sure do. A 3-month payment plan is available at the full program price of $899 to make enrollment easier. The first payment of $300 must be completed before the first class begins, with the remaining balance divided over the following two months. Contact us for more information.
Cohort sizes are intentionally small, giving you ongoing access to the lead design instructor. Later in the course, an experienced engineer will join us to help more complex builds and technical challenges.
Full refunds are available until the halfway point of each course. The refund cutoff is May 5 at 12:00PM PT.
After enrolling, you'll receive a receipt that can be forwarded to your team for reimbursement.

Get $200 off through April 9

Grab your spot
before they're all gone

The green spots are still available