figma

Figma design platform integration. Access design files, extract component information, read design tokens, and translate designs into code. Bridge the gap between design and development workflows.

Install

If the official marketplace isn’t added yet, run

Category
Design
GitHub
figma/mcp-server-guide

Good for

Getting started

  1. Run /plugin install figma@claude-plugins-official in Claude Code
  2. Sign in and connect the Figma MCP server when prompted
  3. Select a frame in Figma and ask Claude to generate code or extract design context

Before you install

Starter plans and View or Collab seats on paid plans are limited to 6 tool calls per month; Dev or Full seats have per-minute rate limits. Writing to the canvas is free during the beta and will become a usage-based paid feature.

Summarized by AI from the project docs; check the official docs before relying on it.

Similar tools

More in Official plugins →

Source anthropics/claude-plugins-official · Updated Oct 11, 2026 · All rights belong to the original creators