Spec Driven Development
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Query FigJam board context, source-cited answers and snapshot changes through five local MCP tools.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
FIGMA_ACCESS_TOKEN, LLM_API_KEY, LLM_BASE_URL, FIGJAM_MCP_CACHE_DIR, FIGJAM_MCP_ENV_FILEค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"figjam": {
"command": "npx",
"args": [
"-y",
"figjam-context-mcp"
],
"env": {
"FIGMA_ACCESS_TOKEN": "ใส่ค่าของคุณ",
"LLM_API_KEY": "ใส่ค่าของคุณ",
"LLM_BASE_URL": "ใส่ค่าของคุณ",
"FIGJAM_MCP_CACHE_DIR": "ใส่ค่าของคุณ",
"FIGJAM_MCP_ENV_FILE": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add figjam --env FIGMA_ACCESS_TOKEN='ใส่ค่าของคุณ' --env LLM_API_KEY='ใส่ค่าของคุณ' --env LLM_BASE_URL='ใส่ค่าของคุณ' --env FIGJAM_MCP_CACHE_DIR='ใส่ค่าของคุณ' --env FIGJAM_MCP_ENV_FILE='ใส่ค่าของคุณ' -- npx -y figjam-context-mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"figjam": {
"command": "npx",
"args": [
"-y",
"figjam-context-mcp"
],
"env": {
"FIGMA_ACCESS_TOKEN": "ใส่ค่าของคุณ",
"LLM_API_KEY": "ใส่ค่าของคุณ",
"LLM_BASE_URL": "ใส่ค่าของคุณ",
"FIGJAM_MCP_CACHE_DIR": "ใส่ค่าของคุณ",
"FIGJAM_MCP_ENV_FILE": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"figjam": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"figjam-context-mcp"
],
"env": {
"FIGMA_ACCESS_TOKEN": "ใส่ค่าของคุณ",
"LLM_API_KEY": "ใส่ค่าของคุณ",
"LLM_BASE_URL": "ใส่ค่าของคุณ",
"FIGJAM_MCP_CACHE_DIR": "ใส่ค่าของคุณ",
"FIGJAM_MCP_ENV_FILE": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
LLM_BASE_URL envFIGJAM_MCP_CACHE_DIR envFIGJAM_MCP_ENV_FILE envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub ecestnrkl ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: FIGMA_ACCESS_TOKEN, LLM_API_KEY
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.12.0) เข้า registry เมื่อวาน
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Spec Driven Development, Remote Desktop Commander, Systemdox
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
MCP Server that facilitates spec-driven development workflows, not just Vibe Coding.
Remote Desktop Commander: use files, terminal and processes on your own computers from any AI app.
Your architecture in your agents' context: checks, specs, ADRs and docs over MCP, at write time.
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
A local MCP server that turns FigJam boards into source-cited context for LLMs. It reads a board through the Figma REST API, groups stickies, tables, images and arrows into clusters, and answers questions with links back to the original nodes.
Rendered from the tool calls and outputs of a real run against the public demo board with figjam-context-mcp 0.10.2 and openai/gpt-4.1-mini. Figma's MCP server (use_figma) made the edit.
Workshop boards hold research notes, decisions and open questions, but an LLM cannot read a canvas. Screenshots and PDF exports lose tables, arrow direction and the link to the source. This server keeps the board's structure and cites every answer to the nodes it came from.
Figma's official MCP server reads a FigJam board or node with its images (get_figjam) and edits boards (use_figma). This server turns a workshop board into context an assistant can cite and track:
diff_board to see what changedThe two work together: in the demo above, Figma's server edits the board and this one reports the change.
| Tool | What it does | LLM call |
|---|---|---|
ingest_board | Reads a board, clusters it and saves a local snapshot. Re-ingests reuse unchanged clusters; focusNodeIds chooses which sections' images are interpreted first. | In balanced (default) and max_quality mode |
get_board_context | Reads saved context, automatically using compact source-ID lines for large section reads; detail: "full" returns complete excerpts and Figma links. Also supports topic search and pagination. | No |
answer_from_board | Answers one specific question (a number, status or decision) from the most relevant excerpts, with node-level citations or an insufficient-evidence result. Not meant for whole-board summaries. | Yes |
diff_board | Compares snapshots with bounded lists and full totals: clusters, nodes, table cells (0-based), arrows with source IDs, section/frame renames and layout counts. Notes unchanged re-ingests. | No |
diagnose_llm_config | Tests the configured models with small text and image JSON checks. | Yes |
ingest_board also reads Figma design files (/design/, /file/ and /proto/ URLs), but clustering and reading order are made for FigJam boards.
Five steps. Requires Node.js 22.12 or later. Step 4 sets the model provider that answer_from_board, diagnose_llm_config and image interpretation need; it is optional.
node --version; install Node.js 22.12 or later if it is older.file_content:read. The token's account must be able to open the board. Every ingest_board call is one Figma file download, a Tier 1 request. Figma allows View and Collab seats up to 20 Tier 1 requests a month on every plan, and says the actual limit may be lower (rate limits).FIGMA_ACCESS_TOKEN, so the server starts and ingest_board works in ingestMode: "max_speed" without a model provider. @latest with --prefer-online makes npx check the registry for the latest release on every start, even when package metadata is cached (npm configuration).LLM_BASE_URL and LLM_API_KEY to the server's env block, then restart the client. Both are needed together; without them, balanced ingests run text-only and say that the model settings are missing. Example with OpenRouter (create a key): LLM_BASE_URL=https://openrouter.ai/api/v1
LLM_API_KEY=your-openrouter-key
In Claude Code, remove the entry with claude mcp remove figjam-context (with the same --scope as when you added it), then add it again with an --env flag for each variable (Claude Code). A local OpenAI-compatible server without sign-in still needs LLM_API_KEY set to any non-empty value. Set LLM_TEXT_MODELS, LLM_FAST_TEXT_MODELS and LLM_VISION_MODELS to its model names (configuration). Then run diagnose_llm_config in step 5.
ingestMode: "max_speed", for example *"Ingest https://www.figma.com/board/FILE_KEY/Name with ingestMode max_speed."* That makes one Figma request and no model call. A working setup answers with a line that starts Ingested board FILE_KEY (snapshot …): and counts the clusters. Clients that show their tools, such as Claude Code with /mcp, list the server there (Claude Code). With a provider from step 4, also run diagnose_llm_config; it checks the configured models with small synthetic inputs. For error messages, see common errors.All settings: configuration.
claude mcp add --scope user --env FIGMA_ACCESS_TOKEN=your-figma-token --transport stdio figjam-context -- npx -y --prefer-online figjam-context-mcp@latest
--scope user makes the server available in all your projects. Without it, Claude Code stores the server for the current project only (scopes).
For longer ingests, set MCP_TOOL_TIMEOUT=300000 in the environment that launches Claude Code and INGEST_BOARD_VISION_BUDGET_MS=270000 in the server environment, leaving about 30 seconds for the rest of the ingest (Claude Code environment variables).
Open Settings → Developer → Edit Config in Claude Desktop. This opens claude_desktop_config.json; the file is at:
~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.jsonAdd the server under mcpServers, keeping any other entries in the file:
{
"mcpServers": { "figjam-context": { "command": "npx", "args": ["-y", "--prefer-online", "figjam-context-mcp@latest"], "env": { "FIGMA_ACCESS_TOKEN": "your-figma-token" } } } }
Then quit Claude Desktop completely and start it again; the server starts with the app (MCP quickstart). The MCP documentation names no tool timeout setting for Claude Desktop, so keep the default image budget.
Add this to ~/.codex/config.toml; the app, CLI and IDE extension share this configuration (OpenAI MCP setup):
[mcp_servers.figjam-context-mcp]
enabled = true command = "npx" args = ["-y", "--prefer-online", "figjam-context-mcp@latest"] startup_timeout_sec = 30 default_tools_approval_mode = "approve"
[mcp_servers.figjam-context-mcp.env] FIGMA_ACCESS_TOKEN = "your-figma-token"
Without default_tools_approval_mode = "approve", ChatGPT may ask for approval or abort tools with external effects; with it, the client never asks before board content goes to the model provider, so use max_speed and avoid answer_from_board for confidential boards.
For longer ingests, set tool_timeout_sec = 300 under [mcp_servers.figjam-context-mcp] and INGEST_BOARD_VISION_BUDGET_MS = "270000" in its env table, leaving about 30 seconds for the rest of the ingest (OpenAI timeout options).
Add this to ~/.copilot/mcp-config.json (Copilot CLI MCP setup):
{
"mcpServers": { "figjam-context": { "type": "local", "command": "npx", "args": ["-y", "--prefer-online", "figjam-context-mcp@latest"], "env": { "FIGMA_ACCESS_TOKEN": "your-figma-token" }, "tools": ["*"] } } }
For longer ingests, set "timeout": 300000 on the server in ~/.copilot/mcp-config.json and "INGEST_BOARD_VISION_BUDGET_MS": "270000" in its env, leaving about 30 seconds for the rest of the ingest (tested with a 600000 ms timeout).
In the Copilot harness, add the server under Global → Copilot Global in Chat: Open Customizations (Command Palette), then MCP Servers. VS Code writes it to ~/.copilot/mcp-config.json, the same file as in the Copilot CLI section, in the portable mcpServers format (VS Code MCP servers, configuration reference):
{
"mcpServers": { "figjam-context": { "type": "local", "command": "npx", "args": ["-y", "--prefer-online", "figjam-context-mcp@latest"], "env": { "FIGMA_ACCESS_TOKEN": "your-figma-token" }, "tools": ["*"] } } }
The portable format has no input variables, so the token is stored in this file. Keep that file in your user directory and out of any repository.
Local harness only: to keep the token out of the file, open MCP: Open User Configuration and use an input marked "password": true. VS Code does not forward servers that need inputs to Copilot harness sessions, so this works only in the Local harness (VS Code MCP configuration):
{
"inputs": [ { "type": "promptString", "id": "figma-token", "description": "Figma personal access token (file_content:read)", "password": true } ], "servers": { "figjam-context": { "type": "stdio", "command": "npx", "args": ["-y", "--prefer-online", "figjam-context-mcp@latest"], "env": { "FIGMA_ACCESS_TOKEN": "${input:figma-token}" } } } }
Do not put tokens in a .vscode/mcp.json in a repository; VS Code's documentation says not to commit tokens or passwords.
In the Local harness, "envFile": "${workspaceFolder}/.env" on the server in mcp.json loads an environment file; the portable format does not support envFile, and the server does not load a working-directory .env itself.
For longer ingests, use the Local harness with a per-server "timeout": 300000 in mcp.json and "INGEST_BOARD_VISION_BUDGET_MS": "270000" in its env (about 30 seconds below the timeout); #343135 reports that remote HTTP tool calls in the Copilot harness, the default in 1.142, ignore that timeout and stop
ตัดมาแค่ช่วงต้น อ่านต่อใน repo