CldKit
ホーム探すRECIPES送信CLIAI キュレーターログイン
ログイン
CldKit
探すRecipes送信CLI·概要プライバシー利用規約

AI 開発者のために構築。すべての components をレビュー。

© 2026 CldKit

言語
ホーム>探索>Figma Context MCP

Figma Context MCP

88/100
MCP Server
作者 Grant Lipolt@GLips
MIT

Gives AI coding agents direct access to Figma design data, enabling accurate one-shot UI implementation by reading layout, styles, and component structure from design files.

ソース

レビュースコア

セキュリティ30/35保守性30/35使いやすさ28/30
セキュリティ30/35
保守性30/35
使いやすさ28/30
根拠:
high
レビュー日 Mar 25, 2026
差分あり

レビュー済みバージョン

1.0.0

最新バージョン

0.12.0(差分あり)

鮮度

レビュー済みは 1.0.0、最新は 0.12.0 です。

スコアはレビュー済みバージョンに基づき、更新で変わる可能性があります。

セキュリティ監査 - フラグなし

監査日 Mar 25, 2026

実測検証

⚠ 要設定 @0.12.0Jun 13, 2026
$ cldkit mcp-test figma-context-mcp
install command contains placeholder arguments (--figma-api-key=YOUR-KEY --stdio); the server needs user-specific config to start

インストール前に必要な認証情報を準備してください — 設定がないと動作しません。

概要

使うべき場面

使わない方がよい場面

設定

Claude Desktop config に追加:

npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio

トラブルシューティング

シーン

タグ

Recipes で使用

  • Design-to-Ship Pipeline(Extracts design tokens, component specs, and layout data from Figma files)
  • Design Regression Loop(Extracts design context from target Figma nodes)
MCP Server

Claude に追加

npx -y figma-developer-mcp --figma-api-key=YOUR-KEY --stdio

CldKit CLI

cldkit install figma-context-mcp
cldkit info figma-context-mcp

CLI をインストール: npm i -g @cldkit/cli

バージョン

0.12.0

スター

13,930

ライセンス

MIT

互換性

claude-code
windsurf

リンク

GitHub ソース@GLips
design
code
figma
design
ui
frontend
レビュー済みは v1.0.0、最新は v0.12.0 です。スコアは現行バージョンを反映していない可能性があります。