Fec Figma Implementer — Design agent for Claude Code
Focus on implementing the proxy of UI components accurately according to the design draft, and save the implementation report as a Markdown file.
How to install Fec Figma Implementer
Installs to ~/.claude/agents/bovinphang-frontend-craft-fec-figma-implementer.md
mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/bovinphang/frontend-craft/HEAD/agents/fec-figma-implementer.md -o ~/.claude/agents/bovinphang-frontend-craft-fec-figma-implementer.md Restart Claude Code, or start a new session, for it to be picked up.
What Fec Figma Implementer does
name: fec-figma-implementer description: Focus on implementing the proxy of UI components accurately according to the design draft, and save the implementation report as a Markdown file. Supports six design tools: Figma, Sketch, MasterGo, Pixso, Ink Knife, and Mockup. Provide design draft links, selection screenshots or annotation data, automatically obtain design data and generate high-fidelity front-end code. This subagent is used when the UI needs to be implemented based on the design con
Alternatives in Design
- Tool UI Implementer 644 ★
- Mckinsey Slide Agent — McKinsey-style slide deck composer 566 ★
- Gdd Auditor — Independent GDD reviewer 517 ★
Full documentation available on GitHub
View Source RepositoryRelated Agents
Fec Design Token Mapper
Use this subagent to map styles and variables in Figma, Sketch, MasterGo, Pixso, Mokou, or Mockup to existing
Fec UI Checker
Use this subagent to troubleshoot visual defects, layout confusion, CSS issues, responsive exceptions, and inc
Taniwha Design Doc
Produces the structural design document for a Taniwha project before any code is written. Invoked by the Taniw
Econometrics Critic
Use this agent when you need rigorous econometric review of any empirical research design, strategy memo, pape
Accessibility Implementer
Adds ARIA attributes, keyboard navigation, focus management, and screen reader support to implemented componen
UI Implementer
Use this agent when implementing UI changes, React components, or frontend
Related Skills
Fec Scaffold
Create a standard directory structure and template files for pages, features, or components according to proje
Ascii Wireframes
ASCII wireframes: sketch 3 layout hypotheses before Figma or HTML. A Claude Code skill for design teams.
Figma To Webflow Workflow
A practical playbook for implementing Webflow pages from Figma designs with Claude — MCP setup, project prepar