The guide
Claude for Designers
A written guide for designers new to Claude Code. We explore the new AI design tools, how they fit together, and how to use them on real design work.
The first chapters are free. Buy the full guide, or attend a workshop to get it included.
Introduction
The agentic AI era
Part 1
The tools
02
The IDE (Visual Studio Code)
Your home base. File tree, editor, agent — all in one workspace.
03
Claude Code
The agent in your terminal — the original and most efficient way to use Claude.
04
Figma and MCPs
Why Figma is not dead, and how Claude talks to it through an MCP.
05
The browser
HTML prototyping, real components, and Figma ↔ browser workflows.
Part 2
The concepts
06
Context and memory
Everything is a markdown file. CLAUDE.md, memory, and how Claude remembers.
07
Skills
A skill is a prompt you save and reuse. Drop one in and Claude knows a new trick.
08
MCPs in depth
Connecting Claude to Figma, your browser, your design system.
09
Tokens and subscriptions
What an AI token is, context windows, and which subscription to get.
Part 3
Designing with Claude
10
Your first one-pager
A page with a button. The simplest possible starting point.
11
The screenshot loop
AI gets you to 50 percent in one shot. Screenshots get you to 100.
12
Design skills to install
Anthropic frontend-design, ui-ux-pro-max, and the ones that actually help.
13
Setting up a design system
Using Claude to build tokens, typography, and the foundations.
14
Design documentation in Figma
Claude writing your component docs while you design.
15
Working with Claude day-to-day
Priming, plan mode, permission modes, and the Claude Code UI.
16
Agents and sub-agents
How one agent spawns another. Parallel work explained.
Further reading
Beyond the core chapters
17
The Claude desktop app
The convenience layer on top of Claude Code, and when to use it.
18
The swappable stack
Roles not brands. Cursor, Antigravity, Gemini, Sketch, Penpot — all fit.
19
Resources
Videos, skills, tools, reading. Curated, not a dump.
Workshop · 21 May 2026
Want the full guide included
Four hours online with five other designers. I share my screen and build live while you follow along in your own setup. Every chapter of this guide is included with the seat.
See the workshop →