About this Book
Welcome to The Agentic Designer. This book was written during a period of rapid evolution in product design. In 2025, product designers were beginning to experiment with AI interfaces to draft layouts and copy. By 2026, those early experiments solidified into a new design paradigm: Agentic Design.
This book is not about replacing designers with algorithms. Instead, it is a practical guide for product designers, engineers, and creative technologists who want to harness autonomous AI coding agents as design execution tools. It represents a compilation of strategy briefings, design blueprints, and honest field notes gathered from the front lines of building applied AI design systems.
The Agentic Shift
For decades, design has been bottlenecked by translation loss. Designers drew shapes on a canvas; developers interpreted those shapes into code. In the agentic era, design intent and production implementation converge. AI agents can read vector design coordinates, write structured code templates, and close the loop between the drawing board and the deployed product.
Whether you are using Claude Code, Codex, or open-source agent frameworks like OpenCode, the workflows documented here will show you how to configure skills, structure design harnesses, and deploy autonomous agents to accelerate and polish your digital products.
How to Read this Book
The book is structured into four logical parts:
- Part I: Foundations (Chapters 1-4) introduces the agentic design paradigm, toolkit setup, and design-as-code formats.
- Part II: Tools & Workflows (Chapters 5-8) details hands-on canvases (Paper, Pencil, OpenPencil) and design system tokens.
- Part III: Advanced Topics (Chapters 9-12) covers motion and video frameworks (Remotion, Hyperframes) and multi-agent systems.
- Part IV: Practice & Outlook (Chapters 13-14) provides real-world case studies and forecasts the industry landscape for 2027-2028.
If you are a designer, start from Chapter 1 to absorb the mental models. If you are a developer looking to build agentic tooling, skip directly to Part II and Part III to study the schema formats, MCP servers, and programmatic integrations.