Resources

Curated references, links, and bookmark collections.

41 resources

Community Questions

Real questions designers ask about design systems, tokens, AI workflows, and team processes. Curated from Reddit discussions with the most valuable answers.

beginner · 10 min Sign up to read

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.

beginner · 30 min Sign up to read

Design Systems Directory

169 design systems, component libraries, and UI toolkits with tech stack, features, and links to GitHub, Figma, and Storybook. Curated from Component Gallery plus hand-picked token-rich systems.

beginner · 5 min Sign up to read

Knowledge Base: AI + Design Systems

Quick answers to the most common questions about using AI with design systems. Curated links, tools, and practical advice.

beginner · 5 min Sign up to read

Newsletter Archive

Complete archive of The Design System Guide newsletter. 79 posts on design systems, AI tools, workflows, and team interviews.

beginner · 5 min Sign up to read

The Taste Series

Turn your design taste into reusable AI rules, so generated work stops looking generic.

beginner · 30 min Sign up to read

Figma MCP

Connect Figma to AI coding assistants using Model Context Protocol.

intermediate · 10 min Sign up to read

Agents

A curated collection of resources on building and using AI agents.

intermediate · 10 min Sign up to read

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.

intermediate · 5 min Sign up to read

Design AI Skills and Plugins

A curated map of design skills, plugins, and prompt libraries for improving AI-generated product UI.

intermediate · 10 min Sign up to read

Design Inspiration

Curated galleries for UI patterns, landing pages, design systems, brands, icons, fonts, and motion.

beginner · 5 min Sign up to read

Figma Resource Hub

Overview of the Figma tools in the library, with individual cards for every plugin and resource below.

beginner · 15 min Sign up to read

General Resources

Books, AI product management references, and general learning resources.

intermediate · 12 min Sign up to read

Prompting Resources

Curated links for learning prompt engineering from basics to advanced techniques.

beginner · 10 min Sign up to read

Tools Bookmarks

A curated list of AI coding, creative, productivity, and PM tools.

beginner · 20 min Sign up to read

Annotate it!

Annotate wireframes and designs for clearer handoff.

beginner · 5 min Sign up to read

Atmos

Create beautiful, uniform, accessible UI color palettes.

beginner · 5 min Sign up to read

Auto Style Sheet

Find and fix style inconsistencies for better design-to-dev handoff.

beginner · 5 min Sign up to read

Contrast

Quickly check WCAG color contrast ratios.

beginner · 2 min Sign up to read

Design lint

Find missing styles in your designs before handoff.

beginner · 5 min Sign up to read

Design System Hub

Find design system websites and Figma component libraries.

beginner · 5 min Sign up to read

Design System Organizer

Reorganize large design systems and copy styles between files.

intermediate · 10 min Sign up to read

Design Tokens Manager

Import/export Figma styles and variables to and from JSON.

intermediate · 10 min Sign up to read

Design Tokens Plugin

Export Figma styles and custom tokens to JSON or GitHub.

intermediate · 10 min Sign up to read

Figma Make

Prompt to design and build concepts directly in Figma.

beginner · 5 min Sign up to read

Font Awesome

Access Font Awesome icons directly inside Figma.

beginner · 5 min Sign up to read

Gist

Attach markdown documentation to components directly in Figma.

beginner · 5 min Sign up to read

Include (Accessibility Annotations)

Annotate designs for accessibility handoff more efficiently.

beginner · 5 min Sign up to read

Instance Finder

Find all instances of a component used in your file.

beginner · 5 min Sign up to read

Master

Create, attach, clone, and move components without losing overrides.

intermediate · 10 min Sign up to read

Propstar

Generate all possible component instances in a labeled table.

intermediate · 10 min Sign up to read

Quantum

Keep your design system in sync, documented, and aligned.

intermediate · 10 min Sign up to read

Stark

Accessibility toolkit for contrast, focus order, alt text, and simulation.

beginner · 5 min Sign up to read

Styles & Variables Organizer

Link and organize styles and variables across design files.

intermediate · 10 min Sign up to read

Supa Tokens

Manage, organize, and export design tokens in Figma.

intermediate · 10 min Sign up to read

Ugic AI

Generate UI based on an existing component library.

beginner · 5 min Sign up to read

Variable Visualizer

Visualize complex Figma variable relationships clearly.

intermediate · 8 min Sign up to read

Variables Documentation

Document design system variables with clarity and structure.

beginner · 5 min Sign up to read

Velocity (AI user testing)

Run AI-assisted user testing flows for prototypes.

intermediate · 10 min Sign up to read

WCAG 2.2 Card Deck

Use this deck for accessibility workshops, audits, and team training.

beginner · 5 min Sign up to read

WCAG Plugin

Integrate accessibility checks directly into design workflows.

beginner · 5 min Sign up to read