FigClaw (Figma plugin)
FigClaw is a Figma plugin that uses Claude AI in an autonomous agent loop to inspect, code, and execute design tasks end-to-end rather than just answering questions.
What: FigClaw is a Figma plugin powered by Claude that runs as an autonomous agent—it inspects your Figma selections, writes Figma Plugin API code, executes it in a sandbox, and iterates until tasks are complete. It includes a customizable "Skills" system for loading context like brand guides or component recipes via Markdown files.
Why it matters: This represents a shift from chat-based AI assistants to autonomous agents that can actually execute design tasks in Figma, showing how AI tools are moving beyond conversation to direct manipulation of creative tools.
Takeaway: You can try FigClaw by downloading it from the Figma plugin directory, though you'll need your own Claude API key to use it. The project is open source with documentation and skill templates available.
Deep dive
- FigClaw uses Claude AI in an agent loop architecture rather than a traditional chat interface, allowing it to autonomously complete design tasks
- The agent can inspect Figma selections, read page structure, write Figma Plugin API code, execute it in a sandbox, check results, and iterate until completion
- Single messages can trigger complex operations like building auto-layout components, applying styles across pages, managing design tokens and variables, or exporting assets to disk
- Features a "Skills" system where users can load Markdown files containing brand guides, naming conventions, or component recipes to customize agent behavior
- Skills can be set to always-on mode or invoked on-demand with @mentions, and Claude can write and update skills directly from the chat interface
- Requires users to bring their own Claude API key, which is stored locally via Figma's client storage and never leaves the user's machine
- Open source project with available source code, documentation, playground files, and skill templates
- Represents a paradigm shift from conversational AI assistants to autonomous agents that directly manipulate design tools
Decoder
- Agent loop: An AI system that autonomously executes a sequence of actions, checks results, and iterates until completing a task, rather than waiting for user input after each step
- Figma Plugin API: The programming interface that allows developers to extend Figma's functionality with custom code
- Auto layout: Figma's feature for creating responsive component layouts that automatically adjust spacing and sizing
- Design tokens: Reusable design values like colors, spacing, and typography stored as variables for consistency across a design system
- Claude API key: Authentication credential for accessing Anthropic's Claude AI service, which users must provide themselves
Original article
A Claude-powered Figma plugin built around an agent loop — not a chat window.