EveryInc

React Figma UI Engineer — Design agent for Claude Code

Design community

name: react-figma-ui-engineer description: Use this agent when you need to implement UI components or screens from Figma designs into the React/Tailwind codebase.

How to install React Figma UI Engineer

Installs to ~/.claude/agents/everyinc-claude_commands-react-figma-ui-engineer.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/EveryInc/claude_commands/HEAD/agents/react-figma-ui-engineer.md -o ~/.claude/agents/everyinc-claude_commands-react-figma-ui-engineer.md

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

What React Figma UI Engineer does

name: react-figma-ui-engineer description: Use this agent when you need to implement UI components or screens from Figma designs into the React/Tailwind codebase. This includes translating Figma frames, components, and design tokens into production-ready React components that align with the existing codebase patterns and component library. Examples:\n\n\nContext: User wants to implement a new dashboard screen from a Figma design.\nuser: "Implement the dashboard screen from this Figm

Alternatives in Design

Figma Creator 309 ★
Section Builder — Builds one page section from a Figma node into this starter's conventions — tokens, spring motion, semantic ma 104 ★
Figma Accept 68 ★