Tag · 6 guides

Naming

Every guide tagged naming, sorted by most recent.

Design Token Naming: 7 Systems Compared

How Polaris, Carbon, Primer, Material Design, Lightning, Spectrum, and Fluent name their tokens. Side-by-side comparison with patterns, examples, and what to steal for your system.

intermediateSign up to read
PRO

Audit 500 Components in 10 Minutes

A complete workflow for auditing your entire Figma component library using Tidy and Claude. Identifies naming issues, missing descriptions, and inconsistencies.

beginner·10 minSign up to read

Your Tokens Are a Prompt: Semantic Naming for AI UI Builders

When an AI builds your interface, the token name is the instruction. Why visual names like color.blue.500 make models guess, and how intent-based names make generation predictable.

intermediate·15 minSign up to read
PRO

Few-Shot Examples for Component Naming

How I label 20 component names by hand and get Claude to pattern-match the rest. Practical setup for component naming, token naming, and any classification task.

intermediateSign up to read
PRO

Build a Token Naming Audit Skill for Claude Code

A reusable Claude Code skill that checks every token in your design system against your naming convention. One slash command, instant audit.

intermediateSign up to read
PRO

Run a Token Naming Audit with AI

Use Claude Code, Codex, Cursor, or another repo-aware AI tool to scan your token files, flag naming inconsistencies, and generate a clean naming convention in minutes.

beginner·15 minSign up to read

Weekly newsletter

Get the weekly DSG newsletter.

One practical guide each week: prompts, Codex and Claude notes, design-system automation, and tools worth trying.

Opens Substack. Unsubscribe anytime.