AI does the grunt work.
You design.
Weekly updated guides, prompts, and tools for designers to build, audit, and scale products.
Join 1012+ people from these companies.
From files to system. In three steps.
01
Collect your context.
Everything that defines your design work: Figma files, tokens, screenshots, docs, and the rules living in your head.
02
Systemise it.
The guides turn it into a layer your AI can read: CLAUDE.md rules, semantic tokens, patterns, and voice.
03
Let agents ship.
Audits, components, docs, and reviews. One canonical system, called from any tool.
A living library. Updated weekly.
I publish new guides every week on agentic AI for designers. Token audits, MCP setup, component documentation, and the prompts I use to ship faster.
Learn AI. All in one place.
Learning path
Guides that end in shipped work
Step-by-step, from first prompt to running agents. Each one ends with something real.
Audit this screen against tokens/semantic.json. Flag raw hex values and off-scale spacing. Rank findings by severity.
Prompts you can paste today
Tested on real design systems. Copy, adapt, run.
Search in plain English
Describe what you need and the library surfaces it: guides, tools, prompts.
tools.md
## Design tools Figma with Tokens Studio ## Stack Astro, Tailwind, Storybook✓ Generated
Your tools.md, generated
Answer a few questions, download the file your coding agent reads first.
"mcpServers": {
"figma": { "command": "..." },
"tokens": { "command": "..." }
}MCP configs included
Connect Figma, tokens, and your repo to Claude, Cursor, or Codex.
Claude Code vs Cursor
My verdict
I use both daily, and they serve different purposes.
Compare before you commit
Side-by-side tool comparisons with honest verdicts from daily use.
Weekly newsletter
Get the weekly DSG newsletter.
One practical guide each week: prompts, Codex and Claude notes, design-system automation, and tools worth trying.
Popular resources
Tools and kits that pair well with the guides.
Style Explorer
20 visual directions. Pick a style, copy the CLAUDE.md rules.
Tools.md Generator
Create a tools.md file for Claude, Codex, Cursor, and coding agents.
Name Design Tokens
Interactive naming tool for consistent token conventions.
The Taste Stack
Project rules, local markdown, and skills. Teach AI your visual standards.
Trust Levels Playground
One finding, five levels of agent autonomy. Feel the difference.
Design Systems Directory
158 real design systems. Compare tokens, components, and docs.