AI Tools & Reviews
Honest, tested reviews of AI tools for design system work. Know what works before you invest time or money.
Everything in the AI Design Guide Members Club
01
Curated Library
Ready-to-use Prompts
Copy, paste, run. Every prompt is tested and refined for real design system tasks across Claude, GPT, and Gemini.
Guides & Tutorials
In-depth walkthroughs for setting up MCP servers, configuring Figma plugins, automating token pipelines, and more.
Figma Plugins & SDKs
Curated plugins, MCP servers, and SDKs for auditing components, validating tokens, and syncing your design system directly inside Figma.
Templates & Checklists
Download-ready templates for component audits, token naming conventions, design system governance, and team onboarding.
Video Walkthroughs
Premium video walkthroughs with step-by-step visual explanations. Watch, pause, and follow along at your own pace.
Weekly Updates
New resources added every week. The library grows with the industry, so you always have the latest tools and techniques.
02
AI-powered Automation
Component Audits
AI-powered analysis that finds inconsistencies, hardcoded values, and missing tokens across your entire component library.
Token Generation
Generate complete design token structures from existing styles. Semantic naming, proper aliasing, and multi-theme support out of the box.
Design-to-Code
Turn Figma designs into production-ready components using MCP servers and AI coding tools. Bridge the gap between design and engineering.
Prompt Engineering
Battle-tested prompts for auditing, documenting, and building design systems with Claude, GPT, and Gemini.
Quality Checks
Automated validation for accessibility compliance, naming conventions, token consistency, and component API contracts.
Naming Conventions
AI-assisted token naming that follows the DTCG specification and industry best practices. Consistent, predictable, scalable.
03
Learning & Growth
Difficulty Levels
Every resource is tagged beginner, intermediate, or advanced. Start where you are, grow at your own pace.
Time-to-value Estimates
Know exactly how long each resource takes before you start. From 5-minute prompts to full-day implementation guides.
Expert Curation
Every resource is hand-picked and tested by a design system lead with 18+ years of product design experience.
Protected Video Content
Member-only video walkthroughs for Pro and Master: setup help, workflow demos, and step-by-step explanations.
Live Sessions
Join live app teardowns, community jams, ask-anything sessions, shared experience reviews, and practical community Q&A.
Hands-on Projects
Real-world projects and case studies from production design systems. Learn by doing, not just reading documentation.
Community Access
Join a calm community for designers building with AI. Share progress, ask questions, and learn alongside people doing the work.
04
Design System Tooling
MCP Servers
Connect your design system directly to AI code editors. Query tokens, components, and design specs without leaving your IDE.
Figma Plugin Reviews
Curated list of the best Figma plugins for design system management, token validation, and component documentation.
Token Validators
Validate token naming, structure, and semantic usage against the DTCG specification. Catch issues before they ship.
Code Templates
Ready-to-use scaffolding for React components, Storybook stories, design token configurations, and CI/CD pipelines.
Design Token Sync
Sync tokens between Figma, code, and documentation automatically. One source of truth, multiple platforms.
Governance Frameworks
Decision trees, contribution guides, and review processes for scaling your design system across teams and products.
Master plan · Yearly only
Get the defaults
The 9 templates I install on every agentic design system. One subscription, the whole installable baseline.
- 01 CLAUDE.md for Design Systems
Teaches AI your tokens, components, and rules from the first prompt.
- 02 Governance Rules Template
What AI auto-fixes, what needs review, what is off-limits.
- 03 MCP Setup Config Pack
Pre-configured .mcp.json for Figma, GitHub, and Playwright.
- 04 Token Schema JSON
Tells AI what makes a valid token. Stops invented names.
- 05 Component Intent Map
When/where/why logic for 20 common components.
- 06 Anti-Pattern Check Skill
Slash command that audits any generation against the 10 AI clichés.
- 07 Taste Audit Scorecard
One-page review: 7 dimensions, 0-10 ratings, anti-pattern checklist.
- 08 Motion Audit Skill
Audits every animation against the 5-level motion framework.
- 09 Multi-lens Review Pack
Four parallel review skills: a11y, first-time user, copy, edge states.
How to get started
- Pick one messy design-system problem
- Find the matching guide or template
- Copy the guide into your own context
- Run it once, then adjust the prompt
- Save the version that actually worked
- Come back when the next problem appears