borekDigital

Figma Extractor — Design agent for Claude Code

Design community

Use this agent to extract an implementation-ready design specification from Figma via the official Figma MCP.

How to install Figma Extractor

Installs to ~/.claude/agents/borekdigital-mdm-harness-figma-extractor.md

Terminal

mkdir -p ~/.claude/agents && curl -fsSL https://raw.githubusercontent.com/borekDigital/mdm-harness/HEAD/.claude/agents/figma-extractor.md -o ~/.claude/agents/borekdigital-mdm-harness-figma-extractor.md

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

What Figma Extractor does

name: figma-extractor description: "Use this agent to extract an implementation-ready design specification from Figma via the official Figma MCP. Operates in two modes: (1) Full-page extraction for /mdm-template, (2) Per-block extraction for /mdm-block. Works section-wise, extracts tokens first, downloads reference screenshots and assets, and writes a German design-spec.md artifact.\n\nDo NOT trigger for: mapping design onto theme architecture (theme-planner), writing Liquid (liquid-implemen

Alternatives in Design

Frontend Design Specification — Frontend Design Specification agent 2k ★
Workflow Architect Agent — Workflow design specialist who maps complete workflow trees for every system, user journey, and agent interact 669 ★
Workflow External Researcher — External research agent using Exa MCP for API details, design patterns, and technology evaluation 530 ★