auxi-wardrobe

Figma Theme Sync — Design skill for Claude Code

Design community

Pull Figma variable collections (colors, spacing, fonts, radius) and diff against auxi/src/theme/theme.ts to surface token drift.

How to install Figma Theme Sync

Installs to ~/.claude/skills/auxi-wardrobe-auxi-all-in-figma-theme-sync/SKILL.md

Terminal

mkdir -p ~/.claude/skills/auxi-wardrobe-auxi-all-in-figma-theme-sync && curl -fsSL https://raw.githubusercontent.com/auxi-wardrobe/auxi-all-in/HEAD/.claude/skills/figma-theme-sync.md -o ~/.claude/skills/auxi-wardrobe-auxi-all-in-figma-theme-sync/SKILL.md

Restart Claude Code, or start a new session, for it to be picked up.

What Figma Theme Sync does

name: figma-theme-sync description: Pull Figma variable collections (colors, spacing, fonts, radius) and diff against auxi/src/theme/theme.ts to surface token drift. Use when mobile-dev or tech-lead suspects the codebase tokens no longer match the Figma source of truth, or before starting a screen that touches existing tokens.

Figma → theme.ts sync

Why this exists

Recurring qa-ui finding: app background `#F3F5F9` (cool blue-gray) vs Figma `#f2efec` (warm cream). Font Poppins-Medi

Alternatives in Design

Contributing To MiniCode — Thanks for contributing to MiniCode 388 ★
Full System Diagnostic Agent — Chains token, naming, component, drift and docs-coverage audits (plus theme and Figma variable audits where th 194 ★
Af Quiz Me — Generate an interactive HTML quiz from a tech design document 187 ★