Kyle Zantos

Kyle Zantos is a product designer focused on the new design-to-production loop 

Owning the Front End as a Designer 💪

Ridd

Host of Dive Club and co-founder of Inflight

Zantos

Designer + Builder + Agentic Engineer

See how Ridd shapes the feature before touching UI or code.

Plan with AI

Watch design and code agents work in parallel with Paper and Conductor.

Build with agents

See how the last mile becomes a shareable playground for real feedback.

Ship for feedback

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

Product design leader turned AI educator

Payoneer

Anna Arteeva

Anna Arteeva is a product design leader and a product builder

Principal Product Designer at Github

GitHub

Jan Six

Principle Designer at Github, co-founder of Tokens Studio

Principal Interaction Designer at frog

frog

Briana (Mazzio) May

Principal Interaction Designer and Discipline Lead at frog

Design at Qonto  • Founder

Qonto

Stan Reimgen

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

Cohort April

June

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:<ul><li>AI coding tools: when to use what</li><li>Frontend foundations</li><li>Design systems and prototyping environments </li><li>Interaction and motion </li><li>Figma ↔ code workflows </li><li>Building with databases and APIs </li><li>AI-powered features </li></ul>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. <pre><code class="language-markdown"></code></pre>

From designer to AI-powered prototype builder.

The mindset and the tools

Visual exploration before code

Frontend foundations for designers

Prototype with your brand and design system

App architecture and real data

Beyond the prototype

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

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

Go from trial-and-error prompting to systematic AI-assisted building. Ship functional projects with a workflow you can use on every project

Cohort 2

AI Design Leader |  x-Uber/Google/Amazon

Stanford University

Amazon

Google

Uber

Rupa Chaturvedi

AI Design Leader | AI enablement for UX orgs | ex-Uber, Google, Amazon, Stanford

Cohort 1

The job posting asks for a designer who can research, prototype, code, and ship. One role, three people's worth of expectations. Design teams got smaller. The work did not. And now every product roadmap includes AI features that need to be designed by people who were never trained to design for probabilistic systems.The pressure is coming from two directions. Inside your organization, you are expected to move faster with fewer resources while somehow incorporating AI tools into workflows no one has figured out yet. Outside, the profession itself is shifting. AI generates interfaces, writes copy, produces prototypes in minutes. The execution work that built your career is compressing. The question is no longer whether designers need to adapt—it is whether you are building the skills that will matter in two years.Claude Code for Designers answers both pressures at once. You move faster because you can build functional prototypes yourself. You stay relevant because directing AI to build is the new execution skill. You leave with a deployed project and a workflow system you can use on anything that comes next.

Master Claude Code. Build functional projects. Develop a reusable workflow.

An AI-First Build Workflow: From project scoping through deployment

A Reusable Workflow System: Templates, skills, prompt libraries, MCP configs

A Deployed Application: Ship a functional project from your own idea

Portfolio artifacts and fluency to discuss AI-assisted design in interviews

Design-to-Code Translation: Turn your design system into functional components

This course assumes working knowledge of design systems, user research, and product workflows.

5+ years of professional design experience

Experience using AI assistants in your workflow. The course moves quickly and assumes baseline comfort.

Familiarity with AI tools (Claude, ChatGPT, Copilot)

Product Designers. You design in Figma and wait on engineering. You want to build and ship functional prototypes yourself.

Design Leaders. Your team needs to move faster and integrate AI workflows. You want firsthand fluency before rolling this out.

MXDAI Alumni. You have the strategic frameworks for AI design. Now you want the execution skill to match.

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 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.

Go beyond interfaces—shape how intelligent systems behave.

Cohort 4

AI is fundamentally changing how software products are being built. Companies are integrating large language models, agents, and adaptive systems. But user experience is often an after thought.The challenge? Designing for AI isn't like designing for traditional software. It's about system behavior, adaptation, and collaboration between humans and machines.If you've launched an AI feature only to watch users abandon it because they didn't understand what it was doing, or if you've been asked to "design the AI experience" but weren't sure where to begin, this course is for you.The Designer's Role Is EvolvingOpenAI and Zillow recently posted Model Designer roles focused on shaping how models behave. AI design roles are becoming mainstream, and designers are increasingly being pulled into agentic workflows. This signals where the discipline is headed: designers who can work upstream, influencing what systems learn, how agents act, and when they surface decisions to users.The discipline is shifting upstream. Designers must now shape what systems learn, how agents behave, and when to include humans in the loop - not just style the interface.

The AI Tech Revolution Is Redefining Design

Understand Model Capabilities and Constraints

Specify and Evaluate Model Behavior

Design for Adaptive and Emergent Systems

Build Trust Through Transparency and Human Oversight

Design Agentic Workflows and Multi-Step Interactions

 Influence Upstream Product Decisions

Senior UX &amp; Product Designers: Deepen your systems thinking skills and learn to design around model behavior

Design Leads &amp; Heads of UX: Guide teams, shape AI product strategy, and lead with system-level thinking and trust design.

AI-Aware PMs &amp; Researchers: Collaborate better with design, align model goals with UX, and support trust focused, adaptive systems.

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

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

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

Building prototypes and MVPs to test ideas quickly before committing to full development.

Using AI coding assistants and tools to write, review, and ship code faster.

Visual interface design — layout, typography, color, spacing, and pixel-level craft.

Owning the Front End as a Designer 💪

What you'll learn

Why this topic matters

You'll learn from

Ridd

Zantos