auxi-wardrobe

Figma To Rn Workflow — Design skill for Claude Code

Design community

REQUIRED second step (after figma-design-extraction) whenever the input is a Figma URL or the task involves implementing a screen/component from a Figma design.

How to install Figma To Rn Workflow

Installs to ~/.claude/skills/auxi-wardrobe-auxi-all-in-figma-to-rn-workflow/SKILL.md

Terminal

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

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

What Figma To Rn Workflow does

name: figma-to-rn-workflow description: REQUIRED second step (after figma-design-extraction) whenever the input is a Figma URL or the task involves implementing a screen/component from a Figma design. Strict workflow for translating Figma into Auxi RN code — theme tokens (no literal hex), per-icon SVG audit, alignment via flexbox, every variant/state implemented, and on-simulator side-by-side verification. Designer is the CEO; alignment, theme adherence, icon fidelity, and visual proof on th

Alternatives in Design

Planning With Files — Claude Code skill implementing Manus-style persistent markdown planning — the workflow pattern behind the $2B 17.4k ★
Studio — Launch the local design Studio — a live token editor over the latest extraction 3.6k ★
Deepen — Spare-budget design pass 1.1k ★