Shahed Syed

Vibe Coding for Designers: Build Your Own Design Tools w/ AI

E*TRADE

Morgan Stanley

Publicis Sapient

Director of Design at Focused

Learn how to build your own SaaS tools with AI, making you more valuable, adaptable, and in control of your career.

Future-proof your career

Create custom tools and automate repetitive tasks with AI-driven solutions that boost your productivity.

Supercharge your workflow

Turn your ideas into working software at the speed of though. No previous coding experience necessary.

Coding is fun!

Build your first real products with AI in just 2.5 weeks (no coding skills needed)

2.5 years on Maven (34 cohorts)

Microsoft

Amazon

Shopify.com

Canva

Harold Dijkstra

Your guide to learn how to build your own product ideas

Your guide to building with AI 

Lovable

Claude

Supabase

GitHub

Kieran Ball

Builder, ready to show you how to build without writing any code

Cohort 16

Cohort 17

Bootcamp for non-technical professionals:Learn the skills to turn any idea into a working product.🗓️ Reserve Your Spot for cohort 17 → starting June 8<h2>Why This Bootcamp?</h2>You’ve got great ideas, but you are always dependent on others to build them.You don't want wait to jump on business and career opportunities.The AI space is overwheling, and you are not sure where to start.<h2>This bootcamp changes that:</h2>✅ Step-by-step guidance ✅ Zero coding skills required ✅ Designed to fit your schedule ✅ Battle-tested, with 1600+ bootcamp students<h2>What to expect:</h2>Our Bootcamp is a beginner-friendly onramp:👉 Learn the skills to build with AI 👉 Daily bite-sized lessons to get the reps in 👉 Ship your first products in 2.5 weeks<h2>Your outcomes:</h2>Tools come and go, so we focus on the skills you need.These skills transfer to whatever tool you use, whether that's Lovable, Replit, Bolt, Codex or Claude Code.The real value is that you learn how to think like a builder.You'll walk away with two working products, a real understanding of how software works, and the confidence to build whatever comes next 💪⚠️ We currently teach using Lovable and Claude Code because they're the best tools for the job right now.

Learn how to build real products by yourself (no coding skills needed)

Learn how to build real products with AI

Walk away with two working, full-stack products

Get expert help and real support

Gain skills you can use anywhere

This course is for you, if you're coming from a non-technical background and can't code (like product managers, marketeers and designers)

This bootcamp is perfect for you, if you want to learn real skills that are transferable across all the different vibe coding tools.

If you want more autonomy and freedom in your work, this bootcamp is for you!

Working with code as the raw material of software will change how you see design and what you can do with it.

Design Teacher

General Assembly

Ironhack

Edenspiekermann

BuzzFeed

Cantilever Web Design & Development

Nevan Scott

Designer/developer since before it was uncool

Cohort 2

Cohort 3

Making software is supposed to be fun! And this six weeks is packed with the most fun I’ve had in my 15-year teaching career.LLM-assisted coding tools can put you in the driver’s seat, working with the real materials of your craft. I’m seeing designers do things I didn’t think I’d ever get to see designers do.For as long as I can remember, product designers have been pushed away from code. Most designers settled this question for themselves long ago—code is not for me. Now is a great time to reconsider that decision. You can have a relationship with what feels like real work without spending years mastering syntactical minutiae.Working on a design with code is an act of shaping: you’re shaping something out of the raw materials yourself. And as you shape it, you can actually interact with it, get the feel of it. This means you can work on a user interface the way it really works.As designers, we enjoy making things. Working with code is a fantastic opportunity to feel connected to the thing you’re making.Read on to find out more about the course, but keep in mind that the most important things that happen in my classroom <a target="_blank" rel="noopener noreferrer nofollow" href="https://buttonschool.com/classroom/">have nothing to do with the syllabus</a>.

Learn how to use AI coding tools to build your own designs

Take the driver’s seat when working with LLM coding tools

Read code to understand the shape of what you’re making

Form a strong mental model of the architecture of what you’re building

Any amount of knowledge will work in your favor, but the course is made for designers with little-to-no coding skills.

No previous coding experience is required

The course leans into understanding—not just generating—so a desire to go beyond surface-level outputs will help you get the most out of it.

Curiosity about how things work under the hood

You should be comfortable making product decisions and thinking beyond individual screens.

Experience designing real-world products

Product designers with solid design experience but little (or zero) coding knowledge who want to build working apps of their own creation.

Product designers comfortable in tools like Figma who want to understand how web apps work and are ready to learn new tools and thinking.

Product designers who want to cut through the noise by learning how to use AI coding tools with structure, intention and control.

Build the workflow that will define how designers work in the next era

Visual Designer,  Educator & AI expert

Maxime Rabot

Visual Designer, Design System Expert, Educator & AI passionate

Cohort

Walk in using AI occasionally, unsure what's hype and what's useful. Walk out with a working AI-augmented design process — yours to keep, refine, and use Monday morning.In one day.200+ designers across cohorts of the Design in the Age of AI program have built their own AI-augmented workflows with us.We took the highest-impact sessions from the program and built a standalone, hands-on workshop around them.We guide you step by step through the design process — from prompting and tool selection to research, exploration, systems work, and handoff — with AI folded in where it actually helps and left out where it doesn't.<h3>What you need</h3>You don't need to be an AI expert or a power user. You need:<ul><li>A laptop</li><li>A current or recent design project you can rebuild a piece of</li><li>A Claude account (free tier works; Pro recommended)</li><li>Figma</li><li>A willingness to question how you've been working</li></ul>

You don't need to be an AI expert or a power user. 

What you need

You keep meaning to "get into AI" and never do. One focused day, a real workflow, and a setup you'll actually use Monday.

You've tried AI for design and been underwhelmed. The problem isn't the tool — it's how you're using it. We'll fix that.

You don't want to lose your edge. Learn to use AI as an amplifier for your craft instead of a shortcut that erodes it.

AI lets you build fast  >>> The real risk is building the wrong thing.

15+ years Product&Marketing, 100+ MVPs 

Miro

LEGO®

Elena Avramenko

15+ yrs in Product & Marketing, award-winning founder, 100+ new product launches

Cohort 4

Cohort 5

Vibe-coding tools like Lovable and Claude let you go immediately from idea to prototype. What used to take weeks now takes hours. That sounds like an advantage — but it's created a new problem: vibewasting - building fast without clarity or a plan.Building the wrong thing faster just gets you to the wrong place sooner😉.Most vibe-coders skip the one step that determines whether any of it is worth it: validation. They start building the moment they have an idea — before they've talked to a single customer, before they know if the pain is real, before they know if anyone would pay.This workshop fixes that. In 2 hours you'll build a clear plan for the next 14 days — giving you much more confidence in your idea and helping you justify further investment of time and money. We'll start by writing a sharp bet on your idea, define exactly who your first customer is, and design interview questions that surface real pain. You'll also create a Lovable prompt that specs the tiniest version worth building - something you can vibe-code in an hour and put in front of real people to validate. You leave with a 14-day validation plan, ready to test before you invest weeks building the wrong thing.

A first-time founder or side-project builder with a business idea who wants to test it before spending weeks vibe-coding the wrong thing.

A vibe-coder who has already built something that didn't get traction and wants a structured approach before starting their next idea.

A professional or domain expert who spotted a problem in their industry and wants to validate it as a business before learning to build.

Agentic AI

Coding with AI

AI Workflows

Claude Code

OpenClaw

Vibe Coding

AI Evals

AI Transformation

RAG & Search

AI for PMs

AI for Engineers

AI for Designers

AI for Marketers

AI for Founders

Product Sense

Product Discovery

User Research

Prototyping

Growth

Analytics

Tech Foundations

Strategy

Influence

Leadership

Career Growth

Machine Learning

LLM Ops

Context Eng

Security

System Design

Figma

Design Systems

Visual Design

Design Strategy

Automation

Content Marketing

Demand Gen

Go-to-Market

Product Marketing

Positioning

Social Media

Brand

B2B Marketing

SEO & AEO

AI for Leaders

AI Governance

Communication

Management

People Operations

Exec Presence

Storytelling

Goal-setting

Personal Brand

Fundraising

Everyone

Operators

Data Scientists

Business Analysts

User Researchers

Customer Success

Project Managers

HR Professionals

Sales People

Lawyers

Finance

Investors

Real Estate

Educators

Creators

Silent Video

Designers who craft user experiences, interfaces, and visual design.

User researchers conducting interviews, usability studies, and customer research to inform product decisions.

Applying AI tools and techniques to professional workflows — assign alongside more specific AI topics.

Using AI tools like Cursor, Replit, and Lovable to build and ship functional software without a traditional engineering background.

Vibe Coding for Designers: Build Your Own Design Tools w/ AI

What you'll learn

Why this topic matters

You'll learn from

Shahed Syed