58
/ 100
1 month ago
glama

Figma Context MCP

Converts Figma designs into structured code context with token-aware styling, enabling AI agents to generate production-level frontend code.

Is this your MCP?

Claim it to get a verified publisher badge, a free copy of our full audit findings, and direct contact for any high-priority issues we find.

Install from

M8ven verifies MCPs across every public registry — install directly from whichever one you prefer.

// key findings
⚠️
Known vulnerabilities in dependencies: 3 high
Affects packages this MCP installs at runtime. Upgrade or remove the affected dependency.
No credential exfiltration, no sensitive file access, no obfuscation
Static analysis found nothing flowing your secrets to unexpected places.
🔐
You'll be asked for 1 credential: FIGMA_ACCESS_TOKEN
These are read from process.env at runtime. Make sure you trust where they’ll be sent.
// known CVEs in dependencies3 high

Disclosed vulnerabilities in this server's declared npm dependencies (via OSV). Whether each is reachable depends on the installed versions.

high@modelcontextprotocol/sdk@1.22.0GHSA-345p-7cg4-v4c7

@modelcontextprotocol/sdk has cross-client data leak via shared server/transport instance reuse

high@modelcontextprotocol/sdk@1.22.0GHSA-8r9q-7v3j-jr4g

Anthropic's MCP TypeScript SDK has a ReDoS vulnerability

high@modelcontextprotocol/sdk@1.22.0GHSA-w48q-cv73-mx4w

Model Context Protocol (MCP) TypeScript SDK does not enable DNS rebinding protection by default

Depend on this server? Get alerted when its CVEs change.Watch this server free →
// required environment variables
This server reads these from process.env. You'll be asked to provide them before it can run.
🔐 secretFIGMA_ACCESS_TOKEN"": "YOUR_TOKEN"
configFIGMA_CSS_VARIABLES_FILE否 由 TI_DESIGN_TOKEN_DIR + TI_TOKEN_SET 推导 高级覆盖项,直接指定 CSS variable metadata 文件,例如 ti-d-css-variables.json。用于把 token 映射成 var(--...)。
configFIGMA_INCLUDE_VARIABLES否 false 是否在简化 JSON 中输出 Figma 原始 boundVariables / explicitVariableModes。只有字符串 1 或 true 会开启。日常生成代码建议关闭,排查 Figma 是否返回变量绑定时再打开。
configFIGMA_INCLUDE_VECTOR_PATHS否 false 是否请求并输出 raw vector path 数据。只有字符串 1 或 true 会开启。开启后 Figma node API 会追加 geometry=paths,响应体可能明显变大。
configFIGMA_STYLE_STRATEGY否 preferTokens 工具调用没有传 styleStrategy 时的默认样式策略。有效值只有 preferTokens 和 tokensOnly;其他值会被当成 preferTokens。
configFIGMA_TOKEN_DETAIL否 compact token 元数据输出详细程度。compact 只保留代码生成需要的 sourcePath、property、cssVariable、codeValue;full 会额外输出 token reference、resolved value、chain 等调试信息。只有配置了 token registry 时生效。
configFIGMA_VARIABLES_TOKEN_FILE否 由 TI_DESIGN_TOKEN_DIR + TI_TOKEN_SET 推导 高级覆盖项,直接指定 ti--variables-token.json 绝对路径。优先级高于从 token 仓库推导的路径。
configFIGMA_VARIABLE_ALIAS_FILE否 由 TI_DESIGN_TOKEN_DIR + TI_TOKEN_SET 推导 高级覆盖项,直接指定 remote-variable-aliases.json。用于把 Figma remote variable id 映射到本地 token variable id。
configMCP_PORT
configMCP_TRANSPORT_MODE
configPORT
configTI_DESIGN_TOKEN_DIR"": "/Users/YOUR_NAME/coding/ti-d-design-token",
configTI_TOKEN_SETTI_DESIGN_TOKEN_DIR 建议始终使用绝对路径,因为不同 editor / agent 启动 MCP server 时的当前工作目录不一定相同。MCP 会根据 自动读取 token 仓库 manifest.json,推导出 token 变量文件、CSS variable metadata 和远程变量 alias 映射文件。
configTOKEN_SET_ID否 d TI_TOKEN_SET 的兼容别名。优先级低于工具参数 tokenSetId 和 TI_TOKEN_SET。
// full audit trail
The full breakdown of what we checked, the deductions that landed, the network hosts, the dependency advisories, and concrete fix guidance is available to verified publishers.
// improvement guidance — verified publishers only
We have 6 concrete improvements we can share with the publisher of this MCP. Each comes with specific guidance to raise the trust score.
// embed badge in your README
[![M8ven Score](https://m8ven.ai/badge/mcp/cola-sk-figma-context-mcp-1humwn)](https://m8ven.ai/mcp/cola-sk-figma-context-mcp-1humwn)
commit: da13e06e26c4ba64ad97e9bf67f4e6500e456a61
code hash: b429a59f2f3f5e2dc4051846413916fa7fa4101e8ff0ca54d6e460bbf4f17320
verified: 6/22/2026, 1:26:40 PM
view raw JSON →