Staging environment

AI Prototyping for Designers

Course

AI Prototyping for Designers

4.8 (44)

Anna Arteeva

Product design leader turned AI educator

Jan Six

Principal Product Designer at Github

+ Briana (Mazzio) May and Stan Reimgen

From designer to AI-powered prototype builder.

Coding Designers used to be called Design Unicorns. Now it's a baseline expectation — and AI is what makes it accessible.

Coding isn't just a way into frontend territory. It's how you get sharper insights from usability tests and stakeholder reviews, and how you push design beyond static visuals into interactive, data-driven experiences. Working code lets you prototype with real APIs, voice, vision, and user context — dimensions unavailble in Figma.

This intensive course is built for product designers. You'll learn technical concepts through designer use cases, with hands-on exercises and personal feedback on every project. Topics covered:

AI coding tools: when to use what
Frontend foundations
Design systems and prototyping environments
Interaction and motion
Figma ↔ code workflows
Building with databases and APIs
AI-powered features

Tool-agnostic by design: we use Claude Code throughout, but the workflows transfer to Codex, Cursor, Antigravity, and Copilot.
Tools like Lovable, v0, Figma Make are covered briefly, but not the focus of the course.

What you’ll learn

The technical vocabulary and depth designers need to build functional prototypes with agentic coding tools. No coding experience required.

How agentic coding fits into a professional design workflow
The AI coding landscape: v0, Claude Design, Claude Code, Codex, Cursor, Figma Make, Lovable. When to use what.
Prompting patterns for exploration, structured builds, and shipping product features

Claude Design as a thinking tool for designers
The shift from Figma-first to natural-language-first ideation
Conversational design patterns: how to brief, when to redirect, when to start fresh

How modern frontends are structured: pages, components, composition, and why it matters for your work
React, Tailwind, and shadcn/ui — the tech stack AI tools default to
Design tokens, themes, and reusable UI kits that hold up beyond a single prototype

Coding Agent + Figma MCP: back-and-forth between design and code
Responsive layouts, accessibility, and personalised experiences (theme, language, device, location)
Building with design systems and reusable components

How backend, frontend, data, and APIs fit together — explained for designers
Supabase: databases, dynamic data, public APIs, and data visualisation
Debugging basics and reading your app in the browser

Mobile prototyping, rich interactions, and animations
AI features wired via API: LLMs, image generation, voice, and vision
Coding Agent as an engineering partner for moving beyond the prototype

Learn directly from expert instructors

Anna Arteeva

Contact

Anna Arteeva is a product design leader and a product builder

Payoneer

Jan Six

Contact

Principle Designer at Github, co-founder of Tokens Studio

Briana (Mazzio) May

Contact

Principal Interaction Designer and Discipline Lead at frog

Currently at

Stan Reimgen

Contact

Design @Qonto • Founder • Hands-on Product Design Leader

Currently at

See all products from Anna

Who this course is for

Senior and lead Product, UX, and Interaction Designers, looking to future-proof their workflow and increase scope, deliverables, and impact
Design leaders, looking to make their teams more effective and impactful
Product managers, who want to become product builders, ideate, validate, and ship faster

Prerequisites

Understanding of product design fundamentals
User flows, design systems, variables and design tokens
No previous coding experience required
Familiarity and curiosity helps
Basic product thinking
Clear problem, user, and outcome definitions

What's included

Live sessions

Learn directly from your instructors in a real-time, interactive format.

Lifetime access

Go back to course content and recordings whenever you need to.

Community of peers

Stay accountable and share insights with like-minded professionals.

Certificate of completion

Share your new skills with your employer or on LinkedIn.

Maven Guarantee

Your purchase is backed by the Maven Guarantee.

Course syllabus

12 live sessions • 85 lessons

Week 1

Jun 8—Jun 14

Jun

⚡ Live session 1 with Anna Arteeva. Start prototyping with AI: tools ecosystem, prompting technics, new design workflow and your first artifact

Mon 6/82:00 PM—4:30 PM (UTC)

Introduction to AI prototyping: what it changes, why now

4 items

Cursor, Antigravity, Claude Code and Codex as the bridge into the broader coding

1 item

Prompting strategies and project planning

7 items

Jun

⚡ Live session 2 with Anna Arteeva. Set up your tools: from local to live: Connectors, Plugins, Skills, MCPs. Project initiation workflows.

Wed 6/102:00 PM—4:30 PM (UTC)

Version control & collaboration

5 items

Jun

Discussion. Agentic interfaces: CLI, Desktop App, IDE plugins. Cursor overview. Setup troubleshooting

Fri 6/123:00 PM—4:00 PM (UTC)

Optional

Week 2

Jun 15—Jun 21

Jun

⚡ Live session 3 with Anna Arteeva. Frontend foundations: styles, themes and your design tokens, ui primitives, components. Building modular reusable systems.

Mon 6/152:00 PM—4:30 PM (UTC)

Frontend foundations

4 items

Styling, UI primitives and Design Systems. Tailwind & ShadCN

12 items

Personalisation and user context

5 items

Optional: Building logic and complex user flows

4 items

Jun

⚡ Live session 4 with Jan Six. Design Systems in the Age of AI. A prototyping environment your whole team can reuse.

Wed 6/172:00 PM—4:30 PM (UTC)

Jun

Discussion. Fifty shade of gray of Design System setups. Real-life cases.

Fri 6/193:00 PM—4:00 PM (UTC)

Optional

Schedule

Live sessions

5 hrs / week

2 sessions a week, 2.5h each

Mon, Jun 8
2:00 PM—4:30 PM (UTC)
Wed, Jun 10
2:00 PM—4:30 PM (UTC)
Fri, Jun 12
3:00 PM—4:00 PM (UTC)

Projects

2 hrs / week

Async content

1 hr / week

Short focused tutorials on specific topics

Testimonials

At Flatpay, we already use AI daily to boost research, strategy, writing, and design. Anna Arteeva's AI & UX workshop at our Copenhagen HQ helped us take things further. PMs, designers, and engineers sharpened our AI skills and explored new ground: getting more impact from the tools we already rely on; expanding into AI prototyping, building on our existing designs and design system to deliver higher-fidelity results faster; exploring new UX paradigms like non-deterministic and agentic experiences; and building a shared mindset on how AI will shape the way we create for our merchants. We're raising the bar on how we collaborate with each other—and with AI—to deliver even more impact. Highly recommended.
Derek F.
Director, Product Strategy & UX @ Flatpay
I’m getting so much out of this course!!! I can’t even tell you! I’m making so much! I’m somewhat of a course junky, and I’ve never had a course so instantly providing value and clarity. Over night I’ve become the vibe code expert at my company (and we’re only partway through the course!
Briana (May) Mazzio
Principal Interaction Designer at frog
I learnt way more than I expected to and it's really sparked my brain with all the different use cases that are naturally sitting within my HR ops foundations.
Amanda James
HR Director, Onboarding Operations at Remote
After Anna Arteeva's AI prototyping training, using Lovable for quick prototyping became a no brainer. Looking at Figma screens versus clicking through a live prototype now feels like looking at 2D blueprints of a 3D object versus holding the real model in your hands. The speed of trying changes and the depth of what you can prototype, frontend and backend together, is on a completely different level.
Danila Turuntaev
Group Product Manager at Remote
This course is close to a must-have if you want to stay current and in demand as a designer. The detailed tips and tricks Anna shares clearly come from longer practice and are things that are hard to catch up on quickly as a self-learner.
Judith S.
Digital Product & Experience Designer
Still blown away by the workshop. So much packed in (can't wait for the recording to rewatch, especially the second part covering design systems and database integration), almost everything made sense, and most importantly it no longer feels like some mystical thing only available to coding prodigies.
Ekaterina C.
UX expert specializing in complex domains