auxi-wardrobe

Figma Code Connect Setup — Design skill for Claude Code

Design community

Map Figma components → RN code components via Figma Code Connect so the designer sees the RN primitive in the Figma inspector.

How to install Figma Code Connect Setup

Installs to ~/.claude/skills/auxi-wardrobe-auxi-all-in-figma-code-connect-setup/SKILL.md

Terminal

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

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

What Figma Code Connect Setup does

name: figma-code-connect-setup description: Map Figma components → RN code components via Figma Code Connect so the designer sees the RN primitive in the Figma inspector. Use when bootstrapping a new shared primitive in auxi/src/components/primitives/ or auxi/src/components/atoms/ that mirrors a Figma component.

Figma Code Connect → Auxi RN primitives

Why this exists

Designer (CEO) sees a `Button` component in Figma. Mobile-dev sees `auxi/src/components/primitives/FigmaPrimitives

Alternatives in Design

Site — Crawl a whole site and synthesize ONE canonical design system across all pages — unified tokens, coverage map 3.6k ★
Makepad Skills — Makepad UI development skills for Rust apps: setup, patterns, shaders, packaging, and troubleshooting 723 ★
Output Style Setup 597 ★