pillip

Figma Converter — Data & AI agent for Claude Code

Data & AI community

Convert Figma API design data (from figma_fetch.py) into clean prototype HTML using project design system tokens.

How to install Figma Converter

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.

What Figma Converter does

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

Alternatives in Data & AI

Read Research For Nyquist Validation Data — cat "$phase_dir"/-RESEARCH.md 2>/dev/null node "$HOME/.claude/get-shit-done/bin/gsd-tools.cjs" roadmap get-pha 38.5k ★
Visual Explainer — Agent skill + prompt templates that generate rich HTML pages for visual diff reviews, architecture overviews 6.8k ★
Nodejs Expert — Use this agent for Node.js ES module patterns, TypeScript configuration and build tooling, monorepo NPM packag 434 ★