# Figma

> Use this tool when you need to generate code from design files, extract design variables, and maintain design-to-code fidelity in AI-powered development workflows. It solves problems of inconsistent design implementation and tedious manual coding by providing design context to AI agents. The Figma MCP server takes Figma design files as input and outputs generated code, design variables, and component data to AI-enabled code editors like VS Code.

Canonical page: https://skillsregistry.net/skills/figma  
JSON: https://api.skillsregistry.net/v1/skills/figma

## Description

This MCP server brings Figma directly into AI-powered development workflows by providing design information and context to AI agents generating code from Figma design files. Built by Figma and currently in open beta, it runs locally on the Figma desktop app and connects to AI-enabled code editors like VS Code, Cursor, Windsurf, and Claude Code through the Model Context Protocol. The server enables developers to generate code from selected Figma frames, extract design variables and component data directly into their IDE, and leverage Code Connect to maintain consistency between generated code and existing codebases, making it valuable for product teams building new features and design system workflows where maintaining design-to-code fidelity is critical.

## Trust

- **Trust score (0–1):** 0.50
- **Verification tier:** unverified

## Facts

- **Version:** 1.0.0
- **Skill type:** atomic
- **Execution layer:** mcp-remote
- **Runtime environment:** api
- **Category:** ai-ml
- **Updated:** 2026-04-25

## Source

- **Source listing:** [PulseMCP](https://www.pulsemcp.com/servers/figma)

## Use it

Resolve this record through the SkillsRegistry MCP server (no auth, read-only):

```
claude mcp add --transport http --scope user skillsregistry https://api.skillsregistry.net/mcp
```

```json
{
  "jsonrpc": "2.0",
  "id": 1,
  "method": "tools/call",
  "params": {
    "name": "get_skill",
    "arguments": {
      "slug": "figma"
    }
  }
}
```

REST: `GET https://api.skillsregistry.net/v1/skills/figma` · pull for local use: `GET https://api.skillsregistry.net/v1/skills/figma/pull`

---
SkillsRegistry indexes agent skills from public registries and GitHub. Skills we have analysed are scanned with Circle-IR and scored on six dimensions; each listing states its scan coverage. More: https://skillsregistry.net/llms.txt