# ai-figma-mcp

Source: https://glimind.com/server/npm%2Fai-figma-mcp
Registry id: `npm/ai-figma-mcp`
Status: unknown

## Install

```json
{
  "mcpServers": {
    "ai-figma-mcp": {
      "command": "npx",
      "args": [
        "-y",
        "ai-figma-mcp"
      ]
    }
  }
}
```

Claude Code:

```sh
claude mcp add ai-figma-mcp -- npx -y ai-figma-mcp
```

## Tools (13)

- `add_annotations`: Add annotations to explain design decisions
- `analyze_design`: Analyze the current Figma design and suggest improvements
- `change_background_color`: Change the background color of the selected frame
- `check_accessibility`: Check for accessibility issues with text contrast
- `create_button_component`: Create a new button component with consistent styling
- `create_documentation`: Create documentation for the component library
- `get_colors`: Get the colors being used in the current design
- `get_selected_elements`: Get information about currently selected elements in Figma
- `get_text_nodes`: Get information about all text nodes in the current design
- `join_figma_channel`: Join a Figma channel to access its design
- `read_design`: Read the current design and describe its layout structure
- `scan_annotations`: Scan for missing annotations in the design system
- `update_font_size`: Update all heading text to use a larger font size

Measured by Glimind (https://glimind.com): MCP handshake + tool list only, no tool is ever called. CC BY 4.0.