Payoneer

Anna Arteeva

Design Leader turned AI-Code Educator

Cohort April

Cohort 1

Cohort March

June

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

a product design leader and AI educator

Anna Arteeva is a product design leader and a product builder

Design Director @ Superhuman/Grammarly

Kevin Cannon

Design Director @ Superhuman/Grammarly specialising in emerging technologies. 

Principal Product Designer at Github

Jan Six

Principle Designer at Github, co-founder of Tokens Studio

AI Prototyping for Product Designers

Principal UX Designer

Product Specialist

Sr Director, UX

Lecturer

Product Manager

Head of Product Design and UXR

UX Designer

UX designer

Senior Product Designer

Product Designer

Grammarly

Superhuman

frog

Ustwo

Pitch

GitHub

Designers who code used to be called unicorns. Now it's becoming the baseline, and the gap between those who can build and those who can't is widening fast.The good news is that AI tools have changed what's possible. But the designers who get the most out of them aren't just prompting their way through UIs. They understand how apps actually work: components and architecture, dynamic data, APIs and AI logic. These foundations is what turns vibe-coding into a professional skill.This course was built specifically for designers who want to close that gap. We go deep enough on frontend architecture, data, and AI functionality that you can make real decisions about tools, trade-offs, and what's worth building.You'll be able to turn your designs into working web apps: styled to match your visual language, wired to real data, and powered by AI functionality.<ul><li>A functional web app, styled to match a brand and using design-system components.</li><li>Complex interactions using JS libraries.</li><li>Non-trivial logic and dynamic data.</li><li>AI features wired via API.</li><li>Collaborate and handover via GitHub, deploy to Vercel</li><li>Lovable, Cursor, Claude Code (or other coding agents)</li></ul><h1></h1>

Vibe-code functional apps with design systems, real data and AI-powered logic.

The mindset and the tools

Frontend foundations for designers

Prototype with your brand and design system

App architecture and real data

Building AI functionality

User flows, design systems, variables and design tokens

Understanding of product design fundamentals

No previous coding experience required

Clear problem, user, and outcome definitions

Basic product thinking

Mid-Senior Product, UX and Interaction Designers, looking to future-proof their workflow, increase the scope of 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 deliver their ideas faster

Discover opportunities with AI → validate with interactive prototypes → design AI features → automate workflows → ship functional software

Product Design Leader

Product Design Leader and AI educator

Product Leader

Julia Bastian

Product Lead - Innovation & GenAI, ex VP of Product at Alasco

Senior Solution Architect, MBA

Vlad Daskalov

MBA, Agentic AI advocate, Senior Solution Architect

In an AI-accelerated product world PMs are expected to explore, ideate and validate ideas quickly, collaborate effectively with designer and developers whose roles are changing too.You'll learn from three experts with different backgrounds: Product, Design, and Engineering. This ensures you get deep insights into design and engineering topics while learning to navigate the change and bring your cross-functional partners along.<h3>What is covered:</h3><ul><li>AI for modern discovery and synthesis</li><li>Building apps and prototypes with prompt-to-code tools</li><li>Frontend basics</li><li>Essentials of app architecture: Backend, Frontend, Data, APIs</li><li>Working with existing assets: brand styles, design systems, open source code</li><li>Automation and integration with product workflow (Make, n8n, webhooks).</li><li>AI-powered functionality with integrated LLM, image and voice models</li><li>System prompts engineering basics for AI features</li><li>Analytics and idea validation so you can back up your prototypes with evidence.</li></ul>Then will talk about real hard topics<ul><li>cross-functional team collaboration</li><li>code hand over</li><li>work inside an existing codebase.</li></ul>

Learn the new PM stack: vibe-coding, automation, AI features, and code handover

AI-powered discovery and opportunity framing

Vibe-coding fundamentals and AI ecosystem

Frontend foundations and system architecture

Design systems and brand-consistent UI

Architecture, data, and automation

AI features, validation, and handover

You can clearly define problems, users, and desired outcomes

Product fundamentals

Familiarity with digital products and curiosity about how they work will help you get more out of the course.

You should be comfortable with how digital products are planned, built, and shipped, and have working knowledge of the modern tech landscape

Understanding the tech company ecosystem

Product Managers, Owners, Researchers, Growth who want to become full-stack builders, validate ideas with confidence and iterate faster.

Non-developers across the organisation – sales, marketing, ops, GTM, finance, or HR – who want to build their own tools and experiments

Leaders in tech companies who want to make their teams more effective through AI coding, shape AI strategy, and sharpen workflows.

Build AI-powered marketing tools and automations yourself, from concept to live product without development bottlenecks and long approvals.

Product Design Leader, Builder and AI Educator

Marketing Lead, AI-Builder, Entrepreneur

Paul Leibssle

Marketing Leader and Builder, Ex Rosetta Stone

Today, coding isn’t just for engineers – marketers are using AI to build lead-gen tools, landing pages, and campaign dashboards without developers or agencies.Imagine launching a microsite or onboarding flow in hours, not weeks. Vibe-Coding for Marketing gives you the skills to do exactly that. With the Lovable AI app builder, you’ll go from idea to working product fast. No coding needed, no bottlenecks, no delays.You’ll learn from Anna, a design and vibe-coding expert who helps teams build beautiful branded AI tools and Paul, a full-stack marketer with deep growth experience. Together, they’ll guide you through live, hands-on sessions and real-world projects. This course demystifies AI-powered app building with plain language and practical examples, so you can apply everything immediately. By the end, you’ll be able to build and deploy your own marketing tools – from prototypes to internal apps – and work independently of dev or legal. It’s all about speed, empowerment, and creative freedom for modern marketers. ❤️ Lovable Pro is included. (You'll get access to the full Lovable app builder platform to use during the course.)

Master AI tool building for fast, custom and independent marketing execution

Build custom lead-gen tools without developers

Create branded landing pages with AI

Connect to your existing marketing stack

Launch experiments fast without bottlenecks

A basic understanding of digital marketing fundamentals (e.g. lead gen, funnels, segmentation)

Marketing skills

You’re comfortable clicking around in new tools, testing features, and learning by doing, no fear of breaking things.

Curiosity to experiment 

Growth marketers who want to build and launch tools fast without waiting on dev.

Performance marketers looking to automate and optimize campaigns with custom AI tools.

Brand or content leads aiming to ship polished campaigns without tech bottlenecks.

Build functional prototypes with real data and AI-powered logic.

Product Designer turned AI-Code Educator

Designers who code used to be called unicorns. Now it's becoming the baseline, and the gap between those who can build and those who can't is widening fast.The good news is that AI tools have changed what's possible. But the designers who get the most out of them aren't just prompting their way through UIs. They understand how apps actually work: components and architecture, dynamic data, APIs and AI logic. These foundations is what turns vibe-coding into a professional skill.This course was built specifically for designers who want to close that gap. We go deep enough on frontend architecture, data, and AI functionality that you can make real decisions about tools, trade-offs, and what's worth building.You'll be able to turn your designs into working web apps: styled to match your visual language, wired to real data, and powered by AI functionality.<ul><li>A functional web app, styled to match your brand</li><li>Non-trivial logic and dynamic data.</li><li>Prototype AI features wired via APIs</li><li>Collaborate and handover via GitHub</li><li>❤️ Lovable Pro is included</li></ul>

Familiarity with design basics and terminology — design systems, design tokens, and standard design tools and workflows — is assumed.

You are a designer or a design leader

You'll cover many technical concepts throughout the course, but writing or reading code syntax is not required.

Prior coding experience is not required (but would not hurt!)

AI-First Design at Superhuman, open Q&A

Design Director, Superhuman (formerly Grammarly)

What to design writing agents, why Figma is now 5-10% of the work, how prototyping in code changed everything.

How we design AI-first products

When you rebrand, merge three products, and the industry shifts underneath you: roles blur and what we hire for now.

How we build AI-first teams

Open Q&A about designing AI-first products and building AI-first design teams

Open Q&A

AI prototyping tools explained: what to use, when

Former Head of Product Design at Payoneer, AI educator

Clear categories that explain AI coding tools: models, agents, AI-first IDEs, and all-in-one builders.

A simple map of the AI coding landscape

Fast prototypes, production-ready components, working in real codebase, data-backed demos and designing AI functionality

Which tool fits which job

Speed vs. flexibility, simplicity vs. control, tech stack constraints, out-of-box functionality, collaboration options

How to pick your primary tool

When to start in an all-in-one builder, when to graduate to IDE or a coding agent

How to combine tools and not get locked-in

Style AI Prototypes: master Tailwind & ShadCN, avoid slop

A quick tour of design variables, UI libraries, design systems and what is the difference

Styling basics for AI prototypes

A plain language walkthrough of how Tailwind and ShadCN work and how to avoid the generic AI UI look

Tailwind and ShadCN, demystified

Turn your colours, typography and spacing rules into a reusable system to apply consistently across all projects

Turn your design tokens into Tailwind variables

Vibe Coding for Marketing: Build your own Survey Tool

Learn how custom tools can integrate into your workflow, cost less, avoid approvals and give you more control.

Why building your own tools is often the better choice

From idea to working tool using AI as a building partner while staying in control of structure and logic.

The vibe coding workflow in practice

Build a system that analyzes real survey responses at scale instead of reviewing them manually.

How to use AI to extract real target group insights

Lovable + Make: End-to-End Workflow Automation

Product Lead  - Innovation & GenAI, ex VP of Product at Alasco

Learn how Lovable apps and Make scenarios work together using webhooks for secure, scalable automation.

Understand Lovable + Make architecture

Set up a Make webhook and connect it to Lovable to pass real data to Google Sheets, Gmail, and other tools.

Create your first automation flow

See practical examples such as form submissions, dashboards, surveys, and CRM-style data collection.

Automation use cases for every team

Understand why edge functions matter and how to use secrets to keep automations secure and reliable.

Use edge functions safely

Panel debate: collaboration when everyone is a vibe-coder

Product Leader Innovation and GenAI at Alasco

Principal Product Designer at GitHub Copilot, co-founder of Token Studio

What actually changes when everyone can build? Do we still need distinct roles for design, product, and engineering?

How roles are shifting in the AI era

Teams that rarely got developer time now build their own tools. What does that unlock, and where does it create new risk

What changes when everyone can ship stuff

Is the Builder role just a nice story, or is it already happening? Examples of how real teams adopt new workflows

How real teams are approaching the shift

Collaboration, rituals, and handoff patterns that reduce friction when one person can suddenly do a bit of everything

How to work across disciplines without stepping on toes

How to position yourself as roles evolve: which skills compound and what teams are likely to value next.

Anna Arteeva turn you into a designer who builds

Anna Arteeva

About Anna

Courses

AI Prototyping for Product Designers

AI Prototyping for Product People

Vibe-Coding: Unlock Smarter Marketing with AI

Workshops