AI × Product Design | Fullstack Designers

Control UI

Image Layer Controls

Dot Size2.00px

Grid Spacing5px

Brightness0.85

Contrast0.55

Saturation0.70

Move cursor over image to interact

A practical course on AI, product thinking and building products

Learn AI from scratch as designers

$ how the f* should I start learning about AI?

# plan mode on (shift+tab to cycle)

Master the tools

ClaudeGPT-4GeminiPerplexityGrokUX PilotFigr AIClaudeGPT-4GeminiPerplexityGrokUX PilotFigr AIClaudeGPT-4GeminiPerplexityGrokUX PilotFigr AI

CursorGitHub Copilotv0ReplitWindsurfBoltCodeiumCursorGitHub Copilotv0ReplitWindsurfBoltCodeiumCursorGitHub Copilotv0ReplitWindsurfBoltCodeium

Figma AIAnti-gravityDualiteVercel v0Claude ArtifactsChatGPT CanvasClaude CodeFigma AIAnti-gravityDualiteVercel v0Claude ArtifactsChatGPT CanvasClaude CodeFigma AIAnti-gravityDualiteVercel v0Claude ArtifactsChatGPT CanvasClaude Code

Base44Lovable AIOrchidsSubframeShadcnSupabaseCodexBase44Lovable AIOrchidsSubframeShadcnSupabaseCodexBase44Lovable AIOrchidsSubframeShadcnSupabaseCodex

Understand how tech works

Design for new patterns

Gen UI

*Stewing ...

Dark mode

For product and UX designers, design students, and anyone who wants to learn how to leverage AI for building real and complex products with AI in a Product based company

Chapter 1

Context & Foundations

How does the product lifecycle look in a product company?

Designers' role: Earlier vs Today

Setting the correct foundation as a designer (skills that matter and how to understand the fundamentals of design)

What are LLMs and how do they work?

Choosing the right AI tool (free vs paid, use cases, trade-offs)

AI tools landscape (LLMs, IDEs, web agents, design tools)

Prompting fundamentals

Chapter 2

Real Workflows (How we use AI at FlytBase)

Brainstorming with AI and Product thinking (problem framing, scope, prioritization)

Building a design system from scratch (manual + AI-assisted)

Structuring your design system so AI can use it

Generating documentation with AI

Feeding your design system to AI (context setup)

Figma to code workflows

Tools for designers who code (Cursor, Claude Code, terminal workflows)

Debugging and iterating AI outputs

Shipping a feature end-to-end

Engineering basics for designers (front-end vs back-end, APIs, how code works)

Ownership mindset (how to ship, not just hand off)

Chapter 3

The Frontier (New Interaction Patterns)

Generative UI (what it is, how to design for it)

Agentic workflows (designing for AI that acts autonomously)

Conversational interfaces, adaptive UIs, dynamic content

Case study: Building an enterprise AI feature at FlytBase

Where AI x design is headed

The goal is to become a full-stack designer!

Pre-register for the series