Resources
Curated references, links, and bookmark collections.
36 resources
The Claude Code Starter Pack: Become an Orchestrator in One Week
A batched series of 4 guides plus 3 templates that take you from 'AI curious' to 'shipping with agents' in about a week. The fastest path from designer-as-executor to designer-as-orchestrator, built around one working review skill.
Newsletter Archive
Complete archive of The Design System Guide newsletter. 79 posts on design systems, AI tools, workflows, and team interviews.
The Taste Series
Turn your design taste into reusable AI rules, so generated work stops looking generic.
Figma MCP
Connect Figma to AI coding assistants using Model Context Protocol.
Agents
A curated collection of resources on building and using AI agents.
Common Failure Modes
When CLAUDE.md, taste skills, UX review agents, parallel review, or trust levels stop working, look here. The five most common failure modes per topic, with the fix for each.
Design Inspiration
Curated galleries for UI patterns, landing pages, design systems, brands, icons, fonts, and motion.
Figma Resource Hub
Overview of the Figma tools in the library, with individual cards for every plugin and resource below.
Prompting Resources
Curated links for learning prompt engineering from basics to advanced techniques.
Tools Bookmarks
A curated list of AI coding, creative, productivity, and PM tools.
Annotate it!
Annotate wireframes and designs for clearer handoff.
Atmos
Create beautiful, uniform, accessible UI color palettes.
Auto Style Sheet
Find and fix style inconsistencies for better design-to-dev handoff.
Contrast
Quickly check WCAG color contrast ratios.
Design lint
Find missing styles in your designs before handoff.
Design System Organizer
Reorganize large design systems and copy styles between files.
Design Tokens Manager
Import/export Figma styles and variables to and from JSON.
Design Tokens Plugin
Export Figma styles and custom tokens to JSON or GitHub.
Figma Make
Prompt to design and build concepts directly in Figma.
Font Awesome
Access Font Awesome icons directly inside Figma.
Gist
Attach markdown documentation to components directly in Figma.
Include (Accessibility Annotations)
Annotate designs for accessibility handoff more efficiently.
Instance Finder
Find all instances of a component used in your file.
Master
Create, attach, clone, and move components without losing overrides.
Propstar
Generate all possible component instances in a labeled table.
Quantum
Keep your design system in sync, documented, and aligned.
Stark
Accessibility toolkit for contrast, focus order, alt text, and simulation.
Styles & Variables Organizer
Link and organize styles and variables across design files.
Supa Tokens
Manage, organize, and export design tokens in Figma.
Ugic AI
Generate UI based on an existing component library.
Variable Visualizer
Visualize complex Figma variable relationships clearly.
Variables Documentation
Document design system variables with clarity and structure.
Velocity (AI user testing)
Run AI-assisted user testing flows for prototypes.
WCAG 2.2 Card Deck
Use this deck for accessibility workshops, audits, and team training.
WCAG Plugin
Integrate accessibility checks directly into design workflows.
Hugging Face Open LLM Leaderboard
Benchmark-based comparison and ranking of open large language models on Hugging Face.