Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
Local design knowledge: principles, patterns, tokens, brand, content and metrics.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"designmind": {
"command": "npx",
"args": [
"-y",
"@reneturcios/designmind",
"mcp"
]
}
}
}ターミナルでこれを実行します
claude mcp add designmind -- npx -y @reneturcios/designmind mcpプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"designmind": {
"command": "npx",
"args": [
"-y",
"@reneturcios/designmind",
"mcp"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"designmind": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@reneturcios/designmind",
"mcp"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月6日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント CloudCorpRecords で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(0.1.0)がレジストリに届いたのは4 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.js, Dockerも必要です。
同じカテゴリには:Figma Context MCP, Claude Real Video, Figma MCP Server
同じカテゴリで、ほかの作者が作ったサーバー。スターの多い順。
カードの見方:★ GitHubスターi3つの柱:レビュー · チェック · 利用状況i更新=最新バージョンをレジストリに公開した日i
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
Let any LLM watch a video locally — and search everything it has ever watched.
The Figma MCP server brings Figma design context directly into your AI workflow.
作者のリポジトリから書かれたとおりにコピーしたものです。PopNx MCPは内容を確認・推奨していません。HTML、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Local design knowledge as an MCP server and CLI: principles, UI patterns, checklists, design-system tokens, brand and content systems, research methods, metrics frameworks, and the GOV.UK Service Standard — all served from a curated catalogue that ships with the package. No network, no API key, no state.
designmind is a labelled core subset (20 tools) rebuilt from the public tool spec of a 111-tool design-knowledge server. The tools that audit live sites, grab assets, run a taste engine or a creative studio, maintain a decision graph, or run generation jobs are intentionally not reproduced; what is here is the read-only knowledge core.
Original prose written for this rebuild, covering:
compose_system (later sources win; every conflict is listed, never hidden).Coverage differs from the original server's catalogue — this is a fresh local curation, not a copy of its content.
npx -y @reneturcios/designmind mcp # stdio MCP server
npx -y @reneturcios/designmind get_pattern form docker run -i ghcr.io/cloudcorprecords/designmind # MCP via container docker run --rm ghcr.io/cloudcorprecords/designmind get_checklist form
MCP client config:
{
"mcpServers": { "designmind": { "command": "npx", "args": ["-y", "@reneturcios/designmind", "mcp"] } } }
| Tool | Arguments | Purpose |
|---|---|---|
get_principles | context | Principles relevant to a context |
get_pattern | ui_type | UI pattern guidance |
get_business_strategy | topic? | Business strategy guidance |
evaluate_design | description, compact? | Score a design description against the principles catalogue — scores, matching principles and violations; no screenshots |
search_knowledge | query | Search the whole catalogue |
get_checklist | ui_type | A pre-ship checklist |
get_d4d_framework | template? | Discover / Define / Develop / Deliver |
list_design_systems | — | Catalogue design systems |
get_design_system | name | One system's token set |
compose_system | sources[] | Merge token sets; later wins, conflicts listed |
get_brand_system | brand | Brand guidance for a named brand |
get_content_system | brand | Voice and tone system for a named brand |
get_content_principles | topic? | Content design principles |
get_content_pattern | pattern_type | A content pattern (errors, empty states, …) |
get_research_method | method_type | A UX research method, with steps |
get_metrics_framework | framework | HEART, AARRR, North Star, RICE or OKR |
get_service_pattern | pattern | A service design pattern |
get_service_standard | — | The GOV.UK Service Standard, 14 points |
get_brand_principles | topic? | Brand principles |
get_brand_trends | — | Curated brand design trends |
Unknown names (a system, brand, framework, pattern…) return an error listing the names that do exist, rather than a guess. The CLI exposes the same twenty operations as subcommands; run designmind with no arguments for the full usage list.
npm install
npm run build # tsc -> dist/ npm test # node test runner, local only npm run dev # run the CLI from source
MIT — Copyright (c) 2026 Rene Turcios.