HR

hoangpm96/reqwise-figma-mcp

Developer tools

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。 原文を見る

104 stars 40 forks 品質 72 トレンド 24MIT

AIエージェントがFigmaキャンバス上で安全に読み書きできるMCPサーバーです。Figmaプラグインと組み合わせることで、構造化された検証、デフォルトで安全な描画、そして耐久性のあるマルチウィンドウ機能を提供します...

概要

Reqwise Figma MCPはローカルMCPサーバーと、Figmaプラグインをペアリングします。Claudeコード、カーソル、またはMCP対応のエージェントを向けると、エージェントはFigmaファイルを検査し、figma.* proxy APIに対してJavaScriptを実行して描画できます。プラグインレイヤーは、通常「AIが画面を描く」という誤りを「AIが溢れ出して半分切り取られた混乱」に変えるミスを検出します。 これは、現行のFigma MCP世代がエージェントに持っていない規律の責任を負わせているからです。半透明フレームをオーバーレイしないことを忘れず、すべての通話でトークンマップを再宣言し、x/yオフセットを手動で計算し、スクリーンショットを目で確認してクリッピングをチェックするのです。Reqwiseはその規律をサーバーとプラグインに移し、エージェントが自分の作業を構造化して検証できるようにします。 これらのデフォルトに関する設計の根拠や根本的な修正については、ARCHITECTURE.md をご覧ください。 これによりサーバーはdist/、プラグインバンドルはplugin/code.jsにビルドされます。 (ドキュメント/インストールを参照してください。

概要(AI 翻訳)

AIエージェントがFigmaキャンバス上で安全に読み描くことができるMCPサーバー。 オープンソース(MIT)。

BPMN、UIテンプレート、1対1コード↔のFigmaコンポーネントマップ、デザインシステム、ジャーニーマップ、ペルソナ、アクセシビリティやレスポンシブ監査、またはセルフプレイデモが必要ですか? これらは**Reqwise Figma MCP Pro →**に収録されています。以下の2つのエディションを比較してください。

Reqwise Figma MCPは、ローカルMCPサーバーとFigmaプラグインをペアリングします。Claudeコード、カーソル、Codex、またはMCP対応エージェントを向けると、エージェントはFigmaファイルを検査し、figma.*プロキシAPIに対してJavaScriptを実行して描画できます。プラグインレイヤーは、通常「AIが画面を描く」という誤りを「AIが溢れ出して半分切り取られた混乱を描く」に変えるミスを検出します。また、仕様に必要なBA図(ユーザーフロー、アクティビティ、シーケンス、ERD、サイトマップ、ステートマシン)を描き、各図の背後にあるモデルを校正します。

これは、現世代のFigma MCPがエージェントに責任を負わせているからです。半透明フレームをオーバーレイしないことを忘れず、すべての通話でトークンマップを再宣言し、x/yオフセットを手動で計算し、スクリーンショットを目視で確認し、クリッピングをチェックするのです。

このページは AI により自動翻訳されています。技術的な詳細は原文をご確認ください。

README

以下は原文 README の抜粋です。原文を見る。

Reqwise Figma MCP

An MCP server that lets AI agents read and draw on the Figma canvas — safely. Open source (MIT).

Need BPMN, UI templates, a 1-to-1 code ↔ Figma component map, design systems, journey maps, personas, accessibility and responsive audits, or self-playing demos? They are in Reqwise Figma MCP Pro →. Compare the two editions below.

Reqwise Figma MCP pairs a local MCP server with a companion Figma plugin. Point Claude Code, Cursor, Codex or any MCP-capable agent at it, and the agent can inspect a Figma file and draw into it by executing JavaScript against a figma.* proxy API — with the plugin layer catching the mistakes that usually turn “AI draws a screen” into “AI draws an overflowing, half-clipped mess.” It also draws the BA diagrams a spec needs — userflow, activity, sequence, ERD, sitemap, state machine — and proof-reads the model behind each one.

It exists because the current generation of Figma MCPs make agents responsible for discipline they don’t have: remembering never to overlay a semi-transparent frame, re-declaring token maps every call, manually computing x/y offsets, eyeballing screenshots to check for clipping. Reqwise moves that discipline into the server and plugin, and gives the agent a structured way to verify its own work.

Free vs Pro

Feature Free Pro
Connection
Figma bridge with rich diagnostics and next-step hints ✅ ✅
Several Figma windows and several AI agents at once (leader/follower) ✅ ✅
One launcher for Claude Code, Cursor and Codex ✅ ✅
Hardened local bridge (sandboxed JS, authenticated forwarding) ✅ ✅
Rule sheet and on-demand docs for the agent ✅ ✅
Read and draw on the canvas
Read pages, layers, selection; screenshots and exports ✅ ✅
Draw and edit frames, text, shapes; streaming batches ✅ ✅
Layout audit — overflow, clipping, truncated text ✅ ✅
New work never lands on top of existing work ✅ ✅
Tokens and variables — create, bind, edit, import/export ✅ ✅
Text styles and effect styles ✅ ✅
Icons, images, overlays, gradients, recolor ✅ ✅
Prototype reactions ✅ ✅
Delete pages and styles, sweep unused styles ✅ ✅
GitHub で README 全文を見る

インストール

This server does not publish a one-line install command.

Open the repository installation guide MCP 初心者?mcpskill.org のガイドから始めましょう →