Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Control Miro whiteboards with AI. 110 tools for boards, diagrams, mindmaps, comments, SVG.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
MIRO_ACCESS_TOKENต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
ลิงก์ไปที่ไฟล์ของผู้ทำเอง เราไม่ได้เก็บหรือแพ็กใหม่ เปิดไฟล์แล้ว Claude Desktop จะติดตั้งให้
พิมพ์คำสั่งนี้ใน Terminal
claude mcp add miro --env MIRO_ACCESS_TOKEN='ใส่ค่าของคุณ' -- docker run -i --rm -e MIRO_ACCESS_TOKEN ghcr.io/olgasafonova/miro-mcp-server:1.25.0เติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"miro": {
"command": "docker",
"args": [
"run",
"-i",
"--rm",
"-e",
"MIRO_ACCESS_TOKEN",
"ghcr.io/olgasafonova/miro-mcp-server:1.25.0"
],
"env": {
"MIRO_ACCESS_TOKEN": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"miro": {
"type": "stdio",
"command": "docker",
"args": [
"run",
"-i",
"--rm",
"-e",
"MIRO_ACCESS_TOKEN",
"ghcr.io/olgasafonova/miro-mcp-server:1.25.0"
],
"env": {
"MIRO_ACCESS_TOKEN": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
MIRO_ACCESS_TOKEN envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 8 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub olgasafonova ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
registry ไม่ได้ระบุว่าต้องใช้กุญแจ แต่บางตัวจะขอให้ล็อกอินตอนใช้ครั้งแรก
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (1.25.0) เข้า registry 2 เดือนที่ผ่านมา
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Docker, MCPB ในเครื่องด้วย
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:↓ ดาวน์โหลดต่อสัปดาห์i★ ดาว GitHubiสามเสา: รีวิว · ผลตรวจ · การใช้งานiอัปเดต = วันที่ส่งรุ่นล่าสุดเข้า registryi
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.
server ทางการของ Figma ส่งข้อมูลงานออกแบบให้ AI อ่าน เพื่อเปลี่ยนแบบเป็นโค้ดหรืออธิบายแบบได้ตรงขึ้น ต่อผ่านคลาวด์ของ Figma
ส่วนนี้คัดจาก repo ของผู้ทำตามต้นฉบับ PopNx MCP ไม่ได้ตรวจหรือรับรองเนื้อหา ตัด HTML รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Run your Miro workshops, retros, and planning sessions from the command line. Read boards, create stickies, organize frames, and generate diagrams through Claude, Cursor, or any MCP client.
Community project — Not officially affiliated with Miro. See official options below.
110 tools | Single binary | All platforms | All major AI tools
| Document | Description |
|---|---|
| QUICKSTART.md | Get running in 2 minutes |
| SETUP.md | Full setup for all AI tools |
| CONFIG.md | Configuration reference |
| PERFORMANCE.md | Optimization guide |
| CHANGELOG.md | Version history |
| ERRORS.md | Error handling & troubleshooting |
Homebrew (macOS/Linux):
brew tap olgasafonova/tap && brew install miro-mcp-server
One-liner (macOS/Linux):
curl -fsSL https://raw.githubusercontent.com/olgasafonova/miro-mcp-server/main/install.sh | sh
Docker:
docker pull ghcr.io/olgasafonova/miro-mcp-server:latest
Manual download: See SETUP.md for all platforms
boards:read and boards:write permissionsClaude Code:
claude mcp add miro -e MIRO_ACCESS_TOKEN=your-token -- miro-mcp-server
Claude Desktop / Cursor / VS Code: See SETUP.md
Cursor Marketplace:
/add-plugin miro
Not working? Tell us what made it hard — even one sentence helps.
| Category | Examples |
|---|---|
| Boards | Create, copy, delete, update, share, list members |
| Items | Sticky notes, shapes, text, cards, app cards, images, documents, frames, docs |
| Diagrams | Generate flowcharts and sequence diagrams from Mermaid; list and inspect native diagram items |
| Docs | Create and manage Markdown documents on boards |
| Upload | Upload and replace local image and document files on boards |
| Tables | Discover and inspect tables on boards |
| Mindmaps | Create mindmap nodes with parent-child relationships |
| Code Widgets | Syntax-highlighted code snippets on boards (v2-experimental) |
| Bulk Ops | Create multiple items at once, sticky grids |
| Tags | Create, attach, update, and organize with tags |
| Groups | Group, list, and manage item groups |
| Connectors | Connect items with styled arrows |
| Export | Board thumbnails, PDF/SVG export (Enterprise) |
miro-workflowFor Claude clients that support skills (Claude Code, Claude Desktop), this repo includes a miro-workflow skill that describes how to assemble a few common board layouts from the atomic create-item tools.
Five layouts are covered:
| Workflow | Trigger phrase examples |
|---|---|
| Sprint Board | "set up a sprint board for sprint 42" |
| Retrospective | "create a retro board for our team" |
| Brainstorm | "brainstorm board for [topic]" |
| Story Map | "map the user journey for [product]" |
| Kanban | "kanban for our backlog" |
Each one specifies frame sizes, gap math, sticky placement, color conventions (the Miro API takes hex for frame fills and named values for stickies; two different vocabularies), and the tool-call order to follow. For single-tool calls ("add one sticky") or read-only inspection, the atomic tools are usually enough on their own.
The skill is new and likely needs adjustment as more layouts get exercised against real boards. Files live under skills/miro-workflow/. Claude Code auto-discovers skills from ~/Projects/claude-code-config/skills/; for other hosts, follow your client's skill installation docs.
The badge above is awarded by SkillCheck Pro; this skill currently scores 92/100 with zero Critical issues and zero Warnings. Skills in this repo earn the badge at ≥90/100 with zero Critical and zero Warnings; below that bar, the badge is dropped until the skill passes again.
miro-cliFor shell-first usage, this server has a sibling: miro-cli. Same author, same Miro API coverage, different runtime. One verb per endpoint, JSON in and out, plus a local SQLite mirror for offline search. Reach for it when you're scripting Miro in CI, bulk-migrating stickies between boards, or querying boards offline without burning API quota.
The MCP server and the CLI overlap deliberately. Use the MCP server when an agent runtime is in the loop (Claude Code, Claude Desktop, Cursor). Use the CLI when bash, Makefiles, or CI are. Use both if you want.
Install:
brew install olgasafonova/tap/miro-cli
go install github.com/olgasafonova/miro-cli/cmd/miro-cli@latest
miro-mcp-appsIf you want Miro data to render as interactive UI in the chat (cards, tables, color clusters, SVG graphs) instead of streamed JSON, there's a TypeScript sibling: miro-mcp-apps. Eleven tools built on the MCP Apps extension (SEP-1865), reusing the same MIRO_ACCESS_TOKEN. The two servers run side-by-side: this one for the 110-tool CRUD surface, that one for visual at-a-glance views.
| You want… | Use |
|---|---|
| Programmatic control: create/update/move/connect items, generate diagrams | miro-mcp-server (this repo) |
| Visual board summaries, sticky color clusters, connector graphs rendered inline | miro-mcp-apps |
| Same in bash, CI, or a Makefile | miro-cli |
The MCP Apps pattern is TypeScript-only today (Go SDK has no ext-apps helpers), which is why this companion lives in a separate repo instead of bolting onto the Go server.
The full tool surface (110 tools) costs roughly 20.8K tokens of preload; the essentials profile trims that to ~2.8K. For sessions where that footprint matters, set MIRO_TOOLS_PROFILE=essentials in your client config; the server then registers a curated 14-tool subset (boards, list/find/search, sticky/text/frame/connector creation, list/get/update/delete items) plus one discovery meta-tool. Agents reach the rest via miro_tool_search on demand.
| Profile | Tools | Preload tokens (est.) |
|---|---|---|
full (default) | 110 | ~20,795 |
essentials | 15 | ~2,848 |
Savings: ~17,760 tokens (86.2% reduction) when you opt into essentials. Description tokens are exact (JSON-marshaled); schema cost is estimated at 200 bytes per tool. Reproduce locally with go run ./cmd/token-count/.
miro_tool_search(query?, category?, limit?) is registered in both profiles. It searches tool names, titles, descriptions, and categories with weighted keyword scoring (name 3×, title 2×, category 2.5×, description 1×), returns up to 50 matches, and never recommends itself. Use it when you don't know which tool to reach for, or to scope to a category before browsing. Empty query plus a category returns the category's tools alphabetically.
See CONFIG.md for the full env-var reference.
Board Management (9)
| Tool | Description |
|---|---|
miro_list_boards | List accessible boards with owner, team, and timestamps |
miro_find_board | Find board by name, with the same metadata as the listing |
miro_get_board | Get board details |
miro_get_board_summary | Get board stats and item counts |
miro_get_board_content | Get all board content for AI analysis |
miro_create_board | Create a new board |
miro_copy_board | Copy an existing board |
miro_update_board | Update board name/description |
miro_delete_board | Delete a board |
Board Members (5)
| Tool | Description |
|---|---|
miro_list_board_members | List users with access |
miro_get_board_member | Get member details |
miro_share_board | Share board via email *(requires MIRO_SHARE_ALLOWED_DOMAINS; fail-closed by default)* |
miro_update_board_member | Update member role *(Destructive: prompts before role escalation)* |
miro_remove_board_member | Remove member from board |
Sharing and role-change tools are guarded for prompt-injection safety. See
SECURITY.mdandCONFIG.md.
Create Items (18)
| Tool | Description |
|---|---|
miro_create_sticky | Create a sticky note |
miro_create_sticky_grid | Create stickies in a grid layout |
miro_create_shape | Create a shape (rectangle, circle, etc.) |
miro_create_flowchart_shape | Create flowchart shape (experimental API) |
miro_create_text | Create text element |
miro_create_frame | Create a frame container |
miro_create_card | Create a card with due date |
miro_create_app_card | Create app card with custom fields |
miro_create_image | Add image from URL |
miro_upload_image | Upload local image file |
miro_upload_document | Upload local document file (PDF, DOCX, etc.) |
miro_create_doc | Create Markdown document |
miro_create_document | Add document from URL |
miro_create_embed | Embed YouTube, Figma, etc. |
miro_create_connector | Connect two items with arrow |
miro_create_group | Group items together |
miro_create_mindmap_node | Create mindmap node |
miro_bulk_create | Create multiple items at once |
Frames (4)
| Tool | Description |
|---|---|
miro_get_frame | Get frame details |
miro_update_frame | Update frame title/color/size |
miro_delete_frame | Delete a frame |
miro_get_frame_items | List items inside a frame |
Mindmaps (3) </su
ตัดมาแค่ช่วงต้น อ่านต่อใน repo