Figma Context MCP
Give your coding agent access to your Figma data. Implement designs in any framework in one-shot.
คำอธิบายจากผู้ทำ (ภาษาอังกฤษตามต้นฉบับ)
Read and write a FreeVectorIcons design collection: briefs, DESIGN.md, icons and brand assets.
สามเรื่องนี้ไม่รวมเป็นคะแนนเดียว เพราะความเห็น การวัด และความนิยม เป็นคนละเรื่องกัน
ตัวนี้ยังไม่ได้เรียบเรียงเป็นภาษาไทย ด้านล่างคือข้อเท็จจริงที่เราอ่านจาก registry
เลือกโปรแกรม AI ที่คุณใช้ แล้วคัดลอกค่าตั้งไปวาง
FVI_TOKEN, FVI_API_URL, FVI_READ_ONLYค่าที่ติดป้ายความลับคือกุญแจของบัญชีคุณ อย่าส่งให้ใคร และอย่าวางในแชต
ต้องเตรียมก่อน
คุณใช้แอปไหน
เลือกแอปด้านบน เราจำไว้ให้ ครั้งหน้าปุ่มจะขึ้นว่า “ติดตั้งลง …”
เปิด Claude Desktop → Settings → Developer → Edit Config แล้ววางค่านี้ในไฟล์ claude_desktop_config.json
{
"mcpServers": {
"fvi": {
"command": "npx",
"args": [
"-y",
"@freevectoricons/mcp"
],
"env": {
"FVI_TOKEN": "ใส่ค่าของคุณ",
"FVI_API_URL": "ใส่ค่าของคุณ",
"FVI_READ_ONLY": "ใส่ค่าของคุณ"
}
}
}
}พิมพ์คำสั่งนี้ใน Terminal
claude mcp add fvi --env FVI_TOKEN='ใส่ค่าของคุณ' --env FVI_API_URL='ใส่ค่าของคุณ' --env FVI_READ_ONLY='ใส่ค่าของคุณ' -- npx -y @freevectoricons/mcpเติมค่าที่เว้นว่างไว้ก่อนรัน
วางในไฟล์ .cursor/mcp.json ของโปรเจกต์ หรือ ~/.cursor/mcp.json
{
"mcpServers": {
"fvi": {
"command": "npx",
"args": [
"-y",
"@freevectoricons/mcp"
],
"env": {
"FVI_TOKEN": "ใส่ค่าของคุณ",
"FVI_API_URL": "ใส่ค่าของคุณ",
"FVI_READ_ONLY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
วางในไฟล์ .vscode/mcp.json ของโปรเจกต์
{
"servers": {
"fvi": {
"type": "stdio",
"command": "npx",
"args": [
"-y",
"@freevectoricons/mcp"
],
"env": {
"FVI_TOKEN": "ใส่ค่าของคุณ",
"FVI_API_URL": "ใส่ค่าของคุณ",
"FVI_READ_ONLY": "ใส่ค่าของคุณ"
}
}
}
}เบราว์เซอร์จะถามก่อนเปิดแอป จากนั้นแอปแสดงค่าตั้งให้ตรวจแล้วกดยืนยัน ช่อง key เว้นว่างไว้ให้คุณใส่เอง
ตัวนี้รันในเครื่องคุณ แต่ ChatGPT ต่อได้เฉพาะ server บนอินเทอร์เน็ต ลองเลือกแอปอื่น
ตัวเลือกเก็บในคุกกี้บนเครื่องนี้ ไม่ต้องมีบัญชี
FVI_API_URL envFVI_READ_ONLY envค่าตั้งนี้สร้างจากข้อมูลใน registry ของผู้ทำ ถ้าไม่ตรงกับ README ให้เชื่อ README
รันในเครื่องคุณ รายการเครื่องมือจะขึ้นในแอป AI หลังติดตั้ง
เราตรวจจากข้อมูลที่ใครก็เปิดดูได้ ยังไม่ได้อ่านโค้ด ข้อที่ไม่เกี่ยวกับตัวนี้ไม่นับในตัวหาร · ตรวจเมื่อ 7 พ.ย. 2569
ชื่อใน registry ยืนยันด้วยบัญชี GitHub FreeVectorIcons ซึ่งเป็นเจ้าของ repo
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ยังไม่ได้อ่านข้อมูล repo จาก GitHub
ตัวนี้รันบนเครื่องคุณ ไม่มี endpoint บนอินเทอร์เน็ต
ตัวนี้รันบนเครื่อง ใช้ค่าที่ตั้งในเครื่องแทน
รันในเครื่องคุณ เราอ่านรายการเครื่องมือได้เฉพาะตัวที่มี endpoint บนอินเทอร์เน็ต
เทียบกับทุก server ที่ยังใช้งานในหมวดนี้ทั้งทะเบียน ดาวนับเฉพาะเมื่อผู้ลงทะเบียนเป็นเจ้าของ repo
จากการตรวจเบื้องต้นของเรา ผ่าน 1 จาก 1 ข้อที่ตรวจได้ เรายังไม่ได้อ่านโค้ด ก่อนใส่กุญแจหรือ token ให้ดูว่า server ขอสิทธิ์อะไร และเลือกกุญแจที่ทำได้เท่าที่จำเป็น
ต้องใส่ค่าเหล่านี้: FVI_TOKEN
รันบนเครื่องของคุณ โปรแกรม AI จะเปิด server ขึ้นมาเองเมื่อใช้ ข้อมูลไม่ต้องผ่านเซิร์ฟเวอร์ของผู้ทำ (ยกเว้นตัวที่ไปเรียกบริการออนไลน์ต่อ)
repo บน GitHub มีการแก้โค้ดล่าสุด – และส่งรุ่นล่าสุด (0.3.0-beta.3) เข้า registry เมื่อวาน
โปรแกรมที่รองรับ MCP เช่น Claude Desktop, Claude Code, Cursor และ VS Code ตัวนี้ต้องมี Node.js ในเครื่องด้วย
ในหมวดเดียวกันมี Figma Context MCP, Claude Real Video, Figma MCP Server
server หมวดเดียวกันจากผู้ทำคนอื่น เรียงตามดาว
อ่านการ์ด:★ ดาว 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 รูปภาพ และสคริปต์ออกแล้ว ลิงก์จะพาออกนอกเว็บ
Beta. This package is under active development. Tool schemas, configuration options, and error behavior may change before v1.0.0. Report issues or review the product docs before production use.
Model Context Protocol (MCP) server for FreeVectorIcons design collections.
Connects Cursor, Claude Desktop, and other MCP clients to a single FreeVectorIcons collection (token-derived binding — configure FVI_TOKEN only): catalog icons, uploaded SVGs, strategy briefs, DESIGN.md, and related project files. Access is scoped to one collection token.
npm: @freevectoricons/mcp
Agents that generate icons inline often produce inconsistent SVG, unstable identifiers, and incorrect licensing across sessions. FreeVectorIcons stores approved assets in versioned collections with stable IDs and metadata.
This server exposes that collection to MCP clients. Agents search and retrieve canonical assets instead of regenerating SVG from scratch, and write designs back into the collection for review. Uploaded assets are versioned, so agents can iterate freely without losing prior work. The server runs over stdio and calls the FreeVectorIcons HTTP API. Responses are metadata-first JSON; file bytes are fetched only when a tool requests inline content or a download URL.
Hosted connector. If your client supports remote MCP servers, you can skip this package and connect to https://mcp.freevectoricons.com/mcp instead: nothing to install, and you sign in from your client or send a collection token as an Authorization: Bearer header. See freevectoricons.com/mcp. This package suits agents that upload files straight from disk, or setups that prefer a local process.
Add the server to your MCP client configuration (for example .cursor/mcp.json):
{
"mcpServers": { "freevectoricons": { "command": "npx", "args": ["-y", "@freevectoricons/mcp"], "env": { "FVI_TOKEN": " " } } } }
Run the server with npx as shown above. MCP uses stdio for protocol messages; the process must not write non-protocol output to stdout.
See mcp.json.example for a copy-paste template.
Add the same mcpServers block to claude_desktop_config.json:
~/Library/Application Support/Claude/claude_desktop_config.json%APPDATA%\Claude\claude_desktop_config.json~/.config/Claude/claude_desktop_config.jsonThis repository is also a Cursor Plugin (.cursor-plugin/plugin.json + mcp.json).
~/.cursor/plugins/local/freevectoricons for local testing (copy files; avoid broken symlinks).FVI_TOKEN) from FreeVectorIcons → Integrations → Setup MCP.FVI_API_URL (defaults to production), FVI_READ_ONLY=true to hide write tools.Submit / re-index: cursor.com/marketplace/publish.
Gemini CLI passed the compatibility tests against the hosted endpoint on 5 Nov 2026. Antigravity is still being tested after the 0.3.0-beta.3 tool rename; until it passes, treat it as a preview and report issues.
Antigravity plugin. This repository is also an Antigravity plugin (.antigravity-plugin/plugin.json, mcp_config.json and the skills/ folder). Install it, then turn it on under /plugin (CLI) or Settings → Customizations (app) and paste your collection token when asked.
Antigravity config block. Or add this to ~/.gemini/config/mcp_config.json (all projects) or .agents/mcp_config.json (one workspace):
{
"mcpServers": { "freevectoricons": { "command": "npx", "args": ["-y", "@freevectoricons/mcp"], "env": { "FVI_TOKEN": " " } } } }
Gemini CLI extension. Install from this repository and enter your collection token when prompted:
gemini extensions install https://github.com/FreeVectorIcons/fvi-mcp
Change the token later with gemini extensions config freevectoricons. The extension pins a released package version, so a new release reaches you when you run gemini extensions update freevectoricons.
| Variable | Required | Default | Description |
|---|---|---|---|
FVI_TOKEN | yes | — | Collection-scoped MCP token (fvi_col_*). Collection binding is derived via GET /api/mcp/whoami. |
FVI_COLLECTION_ID | no | — | Deprecated / override only. If set and it disagrees with the token’s collection, the adapter fails closed (COLLECTION_MISMATCH). Prefer omitting it. |
FVI_API_URL | no | https://freevectoricons.com/api | API base URL (include /api) |
FVI_READ_ONLY | no | false | When true, write tools are not registered. Can only narrow token scopes |
FVI_TOOLS | no | — | Comma-separated tool names to register. Old names from before 0.3.0-beta.3 are accepted. Can only narrow access |
FVI_SKIP_TOKEN_CHECK | no | false | Escape hatch if a future token shape is rejected locally |
FVI_ALLOW_FILE_PATHS | no | false | Allow filePath on upload tools. Off by default |
FVI_FILE_PATH_ROOTS | no | — | Comma-separated directories filePath may read |
FVI_TIMEOUT_MS | no | 30000 | HTTP request timeout for API calls (milliseconds) |
FVI_UPLOAD_TIMEOUT_MS | no | 120000 | Timeout for binary upload requests (milliseconds) |
FVI_RETRY_MAX | no | 3 | Maximum retry attempts for transient failures |
FVI_RETRY_BASE_MS | no | 500 | Base delay for exponential backoff (milliseconds) |
FVI_LOG_LEVEL | no | info | Log level: debug, info, warn, or error (stderr, JSON) |
Set FVI_API_URL only when pointing at a non-production API.
Write tools are enabled by default. Agents can park new assets and upload new versions of existing ones; each change is stored as a version you can review or restore in the collection UI. Set FVI_READ_ONLY=true only if you want retrieval without uploads.
Treat FVI_TOKEN like a password. It grants access to one collection.
FVI_READ_ONLY=true if an agent should only read from the collection, not upload.Restarting MCP servers alone does not rebind a shared stdio connector that still has an old FVI_TOKEN.
FVI_TOKEN (uninstall + add if Configure is unavailable).get_collection_context and confirm collection.id / name.Records tools (get_asset_spreadsheet_preview, set_collection_strategy_brief, promote_asset_to_strategy_brief, set_asset_transcription_status, delete_collection_asset, probe_asset_text_layer) are listed only when the API has those features enabled. Write tools are also hidden when FVI_READ_ONLY=true or the token lacks write scope.
| Tool | Description |
|---|---|
get_collection_context | Collection metadata, strategy brief, asset summary |
list_collection_assets | All assets (metadata only) |
search_collection_assets | Search by name, tag, category, or style |
get_asset | One asset by ID |
get_asset_content | Inline UTF-8 for catalog SVGs, uploaded SVGs, Markdown |
get_asset_download_url | Short-lived URL for PNG, PDF, spreadsheets (XLS/XLSX), and other binaries |
get_asset_download_urls | The same URLs for up to 50 assets per call |
get_asset_spreadsheet_preview | Size-capped first-sheet CSV/HTML preview for XLS/XLSX |
list_asset_versions | Version number, name, size, verified hash, and source |
list_community_packs | Public community icon packs with license and agentGuide URLs |
get_community_pack_guide | A pack's AGENTS.md: license, attribution, URL patterns, curated usage guide |
| Tool | Description |
|---|---|
create_asset_upload | Create asset record and signed upload target |
park_asset | Upload inline text or base64 into the collection |
create_asset_version | Upload a new version of an existing asset (prior versions retained) |
set_collection_strategy_brief | Replace collection.metadata.strategyBrief (native Strategy Brief tab) |
promote_asset_to_strategy_brief | Copy Markdown asset text into the native brief (does not delete the asset) |
set_asset_transcription_status | Patch textLayer / transcription metadata (no OCR) |
update_asset | Metadata-only PATCH: name, tags, documentType, DRL fields, custom metadata, and links |
set_collection_design_md | Pin the canonical DESIGN.md from inline Markdown or an existing asset |
update_collection_purpose | Set collection purpose to brand or records |
create_asset_version_upload | Signed upload for a new version of an existing asset |
complete_asset_upload | Verify checksum and size, then make that version current |
refresh_asset_upload | Issue a fresh upload URL for a pending upload whose URL expired (15 minutes) |
revert_asset_to_version | Copy an earlier version forward. History is kept |
delete_collection_asset | Soft-unlink collection item only — does not hard-delete bytes. Requires the delete scope |
probe_asset_text_layer | Best-effort PDF embedded text probe (API feature-flagged) |
Uploaded assets keep version history in FreeVectorIcons. Agents should prefer create_asset_version when refining an existing design, and park_asset for new files. Agents should use metadata and download URLs for images, PDFs, and spreadsheets (.xls / .xlsx) — workbook bytes are not dumped into MCP tool results. Use get_asset_spreadsheet_preview for a capped first-sheet look. For scanned PDFs, set transcription status after parking a Markdown sibling.
Parked STRATEGY_BRIEF.md is a supporting document only — it does not fill the native Strategy Brief tab until you call promote_asset_to_strategy_brief or set_collection_strategy_brief.
Optional write metadata: drlProjectId, drlAssetType, documentType, tags.
Tool names dropped the redundant design_ so they fit clients that prefix tool names with the server name (Antigravity's prefix is 33 characters, and Gemini allows 64 in total). Arguments, scopes and behaviour are unchanged. Results are unchanged except that a set_collection_strategy_brief dry run now reports would.operation: "set_collection_strategy_brief".
The old names still work when called, on this package and on the hosted endpoint, but are no longer listed. Update saved prompts, tool allowlists (FVI_TOOLS accepts either) and cached approvals to the new names, then reconnect or restart your client so it reloads the too
ตัดมาแค่ช่วงต้น อ่านต่อใน repo