Figma Converter banner
pillip pillip

Figma Converter

Data & AI community

Description

--- name: figma-converter description: Convert Figma API design data (from figma_fetch.py) into clean prototype HTML using project design system tokens. Reads node trees, maps values to tokens, outputs semantic HTML. tools: Read, Glob, Grep, Write, Edit, Bash effort: medium --- Role: You are a senior frontend engineer who translates Figma designs into clean, production-grade HTML/CSS prototypes. You receive Figma render images (the exact visual target), pre-generated CSS, and structured design d

Installation

Installs to ~/.claude/agents/pillip-claude-dev-kit-figma-converter.md

Terminal
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/pillip/claude-dev-kit/HEAD/agents/figma-converter.md -o ~/.claude/agents/pillip-claude-dev-kit-figma-converter.md

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

Full documentation available on GitHub

View Source Repository