# Figma agent skills for Claude Code, Cursor and RevampKey

> Ready-made Figma playbooks for AI agents: turn a Figma frame into a build-ready handoff, extract structure from a FigJam board. Free SKILL.md files for Claude Code, Cursor and Codex, or one click in RevampKey.

## Skills

- [Use the Figma connector well and safely](https://revampkey.com/marketplace/figma/skills/essentials.md): Teaches an AI agent to confirm the account, file and frame before reading Figma data, pick the right tool for the question, and ask before changing anything on the canvas.
- [Turn a Figma frame into a build-ready handoff](https://revampkey.com/marketplace/figma/skills/design-to-code-handoff.md): Reads a selected Figma frame and produces a spec that maps each element to a real code component and each value to a design token. It flags anything unmapped and asks before changing anything in Figma.
- [Extract structure from a FigJam board](https://revampkey.com/marketplace/figma/skills/figjam-diagram-extraction.md): Turns a FigJam board into structured notes, user flows and architecture summaries, separating what is drawn from what is inferred and flagging gaps. It reads the board and does not edit it.

## Install

- RevampKey: connect Figma at https://revampkey.com/marketplace/figma; the skills come with it.
- Any Agent Skills tool, into the current project:

```bash
for s in essentials design-to-code-handoff figjam-diagram-extraction; do
  curl -fsSL --create-dirs -o .agents/skills/figma-$s/SKILL.md https://revampkey.com/marketplace/figma/skills/$s/SKILL.md
done
```

### What is a Figma agent skill?

A SKILL.md file: a short playbook an AI agent loads when your request matches it. Each Figma skill describes one job, which Figma tools to use in which order, what to check first and when to stop and ask you.

### Do the Figma skills change anything on their own?

2 of the 3 only read. The others tell the agent to show you the change and wait for a yes before it creates, edits or deletes anything in Figma.

### Which tools can use these skills?

Any agent that reads the open Agent Skills format: Claude Code, Cursor, Codex, VS Code with Copilot and RevampKey. In RevampKey they are attached when you connect Figma; elsewhere you copy the folders into your project or skills directory.

### Do I need the Figma MCP server too?

Yes. The skills tell the agent how to do the work; the Figma MCP server gives it the tools to do it. The Figma MCP setup guide covers every client.

MCP setup guide: https://revampkey.com/marketplace/figma.md