Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
作者による説明(英語の原文)
MCP server for architecture and system design. Store and manage project architecture locally.
この3つを1つのスコアにまとめることはしません。意見、測定、人気はそれぞれ別のものだからです。
このサーバーのやさしい解説はまだ書いていません。以下はレジストリから読み取った事実です。
使っているAIアプリを選んで、設定をコピーしてください。
必要なもの
どのアプリを使っていますか?
上でアプリを選んでください。選んだアプリを覚えておくので、次からはボタンに「…にインストール」と表示されます。
Claude Desktop → Settings → Developer → Edit Config を開き、claude_desktop_config.json にこれを貼り付けます
{
"mcpServers": {
"architector": {
"command": "npx",
"args": [
"-y",
"mcp-architector"
]
}
}
}ターミナルでこれを実行します
claude mcp add architector -- npx -y mcp-architectorプロジェクトの .cursor/mcp.json、または ~/.cursor/mcp.json に貼り付けます
{
"mcpServers": {
"architector": {
"command": "npx",
"args": [
"-y",
"mcp-architector"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
プロジェクトの .vscode/mcp.json に貼り付けます
{
"servers": {
"architector": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"mcp-architector"
]
}
}
}ブラウザがアプリを開いてよいか確認し、そのあとアプリが設定を表示して確認を求めます。キーの値は空欄のままなので、自分で入力してください。
これはパソコンで動くサーバーですが、ChatGPTがつなげるのはインターネット上のサーバーだけです。ほかのアプリを選んでください。
選んだアプリは、この端末のCookieに保存されます。アカウントは不要です。
この設定は、作者のレジストリ登録情報から作成しています。READMEと違う場合は、READMEに従ってください。
パソコンで動くサーバーです。インストールすると、ツール一覧がAIアプリに表示されます。
誰でも見られる情報をチェックしており、コードは読んでいません。当てはまらない項目は数に入れていません。 · 2026年11月8日にチェック
レジストリ名は、リポジトリを所有するGitHubアカウント theSharque で確認済みです
このリポジトリはまだGitHubから読み取っていません
このリポジトリはまだGitHubから読み取っていません
これはパソコンで動くため、インターネット上のエンドポイントはありません
パソコンで動き、代わりにローカルの設定を使います
パソコンで動くサーバーです。ツール一覧を読み取れるのは、インターネット上のエンドポイントがある場合だけです
レジストリでこのカテゴリにある有効なすべてのサーバーと比較しています。スターは、公開者がリポジトリの所有者である場合だけ数えます。
当てはまる基本チェック1項目のうち1項目に合格しました。コードは読んでいません。キーやトークンを追加する前に、サーバーがどんなアクセスを求めているかを確認し、必要な権限だけを持つキーを使ってください。
レジストリには必須のキーは載っていません。ただし、最初に使うときにサインインを求めるサーバーもあります。
あなたのパソコンで動きます。必要なときにAIアプリが起動し、データは作者のサーバーを通りません(サーバー自体がオンラインサービスを呼び出す場合を除きます)。
GitHubリポジトリの最終更新は–、最新バージョン(1.11.1)がレジストリに届いたのは41 日前です。
Claude Desktop、Claude Code、Cursor、VS CodeなどのMCP対応アプリで使えます。パソコンにNode.jsも必要です。
同じカテゴリには: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、画像、スクリプトは取り除いています。リンクはこのサイトの外へ移動します。
Model Context Protocol (MCP) server for architecture and system design
Local-first MCP server that stores and manages project architecture information. All data is stored locally in ~/.mcp-architector for maximum privacy and confidentiality.
📦 Install: npm install -g mcp-architector or use via npx 🌐 npm: https://www.npmjs.com/package/mcp-architector 🔗 GitHub: https://github.com/theSharque/mcp-architect
Add the server to your MCP config. Example for claude_desktop_config.json:
macOS: ~/Library/Application Support/Claude/claude_desktop_config.json Windows: %APPDATA%\Claude\claude_desktop_config.json Linux: ~/.config/Claude/claude_desktop_config.json
{
"mcpServers": { "architector": { "command": "npx", "args": ["-y", "mcp-architector"], "env": { "MCP_PROJECT_ID": "${workspaceFolder}" } } } }
For Cursor IDE: Settings → Features → Model Context Protocol → Edit Config, then add the same block inside mcpServers. See the Integration section for more options.
For Cursor IDE and Cursor Cloud Agents, use a phased onboarding rule so the agent does not dump the whole repo into context in one shot.
.cursor/rules/architector-onboarding.mdc into your project (the repo you are documenting): mkdir -p /path/to/your-app/.cursor/rules
cp /path/to/mcp-architector/.cursor/rules/architector-onboarding.mdc /path/to/your-app/.cursor/rules/
list-projects and pass projectId on every write — do not rely on omitting it.The rule is `alwaysApply: false` — Cursor attaches it when the task matches architecture import/onboarding. It enforces: structure → one module per step → validate after each step → compact tools only.
If you develop this server repo, keep the same file here so contributors and Cloud Agents follow the same workflow when updating ~/.mcp-architector/_qs_mcp-architector/.
Store and manage project architecture, modules, scripts, data flow, and usage examples - all locally with complete privacy.
~/.mcp-architector (privacy-first)~/.mcp-architector/
└── {projectId}/ ├── architecture.json # Modules + dataFlow (vertical structure) ├── modules/ │ ├── {moduleId}.json │ └── ... ├── entries/ │ ├── index.json # Catalog (no duplicate bodies) │ └── {entryId}.json # Canonical facts (API, domain, flows, …) ├── slices/ │ └── {sliceId}.json # Custom filters only (no items)
| Layer | Purpose | Tools |
|---|---|---|
| Modules | Vertical structure: components, dependencies, dataFlow | set-project-architecture, set-module-details, set-module-data-flow, rebuild-data-flow, validate-architecture |
| Entries | Single source of truth for horizontal facts (one fact = one file) | set-entry, set-entries, get-entry, list-entries |
| Slices | Read-only views over entries (built-in or custom filters) | list-slices, get-slice |
Anti-patterns (no duplication): Do not copy module.description into entry.summary. Link with refs.moduleName. Slices never store item copies—only filters in slices/*.json.
Do not edit `~/.mcp-architector` directly — always use MCP tools so timestamps, merge semantics, and dataFlow inverse sync stay consistent.
list-projects — find projectId for this workspace (query by folder name). Pass it to every other tool. Never omit. Never use default-project.get-project-architecture / set-project-architecture.set-module-details with files + `facts[]` (endpoints, entities, glossary) in the same call, or set-entries / set-entry with refs.moduleName.set-module-data-flow.rebuild-data-flow.validate (summary + issues[]; no full project load).list-slices → get-slice with format=compact or table; use offset when hasMore is true.search-entries → get-entry for full payload.refactor-architecture: scan → dryRun preview → apply with confirm=true.| Scenario | Tool |
|---|---|
| Update one module + its APIs/facts | set-module-details with facts[] |
| Bulk facts for a domain | set-entries with moduleName |
| Patch dataFlow for one module | set-module-data-flow |
| Rebuild all module edges | rebuild-data-flow |
| Diagnose graph + empty slices | validate (or validate-architecture) |
| Catalog JSON corrupt (extra data after JSON) | fix-data |
| Sync paths/names after refactor | refactor-architecture (dryRun, then confirm) |
| Index out of sync | rebuild-entry-index |
| Create project from scratch | set-project-architecture with replaceModules: true |
| Onboard a fresh git clone (phased) | Copy .cursor/rules/architector-onboarding.mdc → ask agent to onboard phase by phase |
Full project picture: modules alone do not populate slices — without http-endpoint (and other kinds) entries, slice api stays empty. New module → add facts or entries in the same step.
Example: set-module-details with facts: [{ kind: "http-endpoint", title: "POST /orders", ... }], then get-slice sliceId=api format=table.
# No installation needed - use directly in Cursor/Claude Desktop
git clone https://github.com/theSharque/mcp-architect.git
cd mcp-architect
npm install
npm run build
Run with hot reload:
npm run dev
Start the server:
npm start
Debug and test your server with the MCP Inspector:
npm run inspector
Installs from npm registry automatically:
{
"mcpServers": { "architector": { "command": "npx", "args": ["-y", "mcp-architector"], "env": { "MCP_PROJECT_ID": "${workspaceFolder}" } } } }
For local development with live changes:
{
"mcpServers": { "architector": { "command": "mcp-architector", "env": { "MCP_PROJECT_ID": "${workspaceFolder}" } } } }
Requires: cd /path/to/mcp-architector && npm link -g
{
"mcpServers": { "architector": { "command": "node", "args": ["/path/to/mcp-architector/dist/index.js"], "env": { "MCP_PROJECT_ID": "${workspaceFolder}" } } } }
Edit ~/Library/Application Support/Claude/claude_desktop_config.json (macOS) or %APPDATA%\Claude\claude_desktop_config.json (Windows):
{
"mcpServers": { "architector": { "command": "npx", "args": ["-y", "mcp-architector"], "env": { "MCP_PROJECT_ID": "${workspaceFolder}" } } } }
Edit .continue/config.json:
{
"mcpServers": { "architector": { "command": "npx", "args": ["-y", "mcp-architector"], "env": { "MCP_PROJECT_ID": "${workspaceFolder}" } } } }
projectId is required on every tool except list-projects. There is no default dump project.
query = workspace folder name)set-project-architecture using a stable id from the workspace path (e.g. _qs_my-app)MCP_PROJECT_ID is only a hint (isCurrent / suggestedProjectId). It is not used as a silent write target. default-project and unsubstituted ${workspaceFolder} ids are forbidden.
Creates or updates the overall architecture for a project. By default merges modules and dataFlow by name; omit dataFlow to preserve existing flow. dependsOn is canonical; providesTo is recomputed on save.
Input:
projectId (required): Project ID from list-projects. Never omit. default-project is forbidden.description: Overall project descriptionmodules: Array of module objects with:name: Module namedescription: Brief description of the moduleinputs (optional): What this module requires to workoutputs (optional): What this module produces or generatesdataFlow (optional): Object describing data flow between modules (omit to keep existing):dependsOn (optional): Array of module names this module depends onprovidesTo (optional): Derived on save from all dependsOn edgesdataTransformation (optional): How data is transformed between modulesreplaceModules (optional): Replace entire modules list (default false = merge by name)replaceDataFlow (optional): Replace entire dataFlow (default false = merge by module name)Output:
Retrieves the overall architecture of the project.
Input:
projectId (required): Project ID from list-projects. Never omit. default-project is forbidden.Output:
Lists all projects in local storage (~/.mcp-architector). Call this first. Match the current workspace by folder name, then pass projectId to every other tool.
Input:
query (optional): Filter by substring in projectId or description (case-insensitive)Output:
projects[]: projectId, description, moduleCount, updatedAt, isCurrent (hint from MCP_PROJECT_ID), forbidden (default-project and unsubstituted workspaceFolder dumps)suggestedProjectId: current MCP_PROJECT_ID when it is a valid id, else nullreminder: always pass projectId; never use default-project| Tool | Purpose |
|---|---|
set-entry | Upsert one fact; response may include reminder if modules missing or unlinked |
set-entries | Bulk upsert (max 200); optional moduleName sets refs.moduleName on all |
get-entry | Full entry by id |
delete-entry | Remove entry |
list-entries | Catalog without payload; filter by kind, tags, query |
search-entries | Compact text search with snippet, slices, moduleName, pagination; filters: moduleName, kind, tags |
| list-slices | Built-in + custom slices with e
冒頭だけを表示しています。続きはリポジトリで読めます