Figma MCPサーバーは、Figma設計ファイルからコードを生成するAIエージェントに重要なデザイン情報とコンテキストを提供することで、Figmaを直接ワークフローに引き込みます。

[!注] Figmaからデータを読み取るFigma MCPサーバーツールにはレート制限が適用されます。Figmaファイルに書き込みを行うツールなど、一部のツールはレート制限から除外されます。

スタータープランのユーザーや有料プランのViewやCollab席を持つ>ユーザーは、月に最大6回までのツールコールに制限されます。

Professional、Organization、Enterpriseプランの開発者またはフルシートを持つ>ユーザーは、Tier 1のFigma REST APIと同じ制限に従い、1分あたりのレート制限があります。FigmaのREST APIと同様に、Figmaはレート制限を変更する権利を留保しています。

Figma MCPサーバードキュメントの全セットについては、開発者ドキュメントをご覧ください。Figma MCPサーバーおよび関連リソース(これらのスキルを含む)を使用することで、Figma開発者利用規約に同意したことになります。これらのスキルは現在ベータ機能として利用可能です。

特徴

• キャンバスに書き込み(リモートサーバーのみ):MCPクライアントから直接ネイティブのFigmaコンテンツを作成・修正してください。

Figma MCP Server Guide

The Figma MCP server brings Figma directly into your workflow by providing important design information and context to AI agents generating code from Figma design files.

[!NOTE] Rate limits apply to Figma MCP server tools that read data from Figma. Some tools, such as those that write to Figma files, are exempt from the rate limits.

Users on the Starter plan or with View or Collab seats on paid plans will be limited to up to 6 tool calls per month.

Users with a Dev or Full seat on the Professional, Organization, or Enterprise plans have per minute rate limits, which follow the same limits as the Tier 1 Figma REST API. As with Figma’s REST API, Figma reserves the right to change rate limits.

For the complete set of Figma MCP server docs, see our developer documentation. By using the Figma MCP server and the related resources (including these skills), you agree to the Figma Developer Terms. These skills are currently available as a Beta feature.

Features

• Write to the canvas (remote server only): Create and modify native Figma content directly from your MCP client. With the right skills, agents can build and update frames, components, variables, and auto layout in your Figma files using your design system as the source of truth.

  Note: We’re quickly improving how Figma supports AI agents. The write to canvas feature will eventually be a usage-based paid feature, but is currently available for free during the beta period.

• Generate placeholder images: When source, captured, or library images are unavailable, agents can use generate_image after asking permission and disclosing Figma AI credit usage. Generated images are uploaded with upload_assets and applied to the design.

• Generate code from selected frames

  Select a Figma frame and turn it into code. Great for product teams building new flows or iterating on app features.

• Extract design context

  Pull in variables, components, and layout data directly into your IDE. This is especially useful for design systems and component-based workflows.

• Code smarter with Code Connect

  Boost output quality by reusing your actual components. Code Connect keeps your generated code consistent with your codebase.

  Learn more about Code Connect →

• Generate Figma designs from web pages (rolling out)

  Capture, import, or convert a web page into a Figma design directly from your AI coding agent.

Installation & Setup