MCP Server With Image
M

MCP Server With Image

Framelink Figma MCP服務器為AI編程工具提供Figma設計數據訪問,簡化API響應以提高AI實現設計的準確性。
2分
10.4K

什麼是Framelink Figma MCP Server?

這是一個專門為Cursor等AI編程工具設計的服務器,通過Model Context Protocol(MCP)讓AI能夠訪問您的Figma設計文件數據。它簡化了Figma API響應,只提供最相關的佈局和樣式信息,使AI能更準確地根據設計生成代碼。

如何使用Framelink Figma MCP Server?

只需在IDE(如Cursor)中配置MCP服務器,然後粘貼Figma文件鏈接,AI就能獲取設計數據並幫助您實現設計。

適用場景

當您需要快速將Figma設計轉換為實際代碼時,特別是使用AI輔助編程工具時,此服務器能顯著提高工作效率和準確性。

主要功能

Figma設計數據訪問
通過Figma API獲取設計文件、框架或組的元數據
數據簡化處理
自動簡化Figma API響應,只保留最相關的佈局和樣式信息
Cursor集成
專為Cursor的agent模式優化,提供最佳AI編程體驗
優勢
比截圖粘貼更準確地實現設計
減少提供給AI的上下文量,提高響應相關性
支持多種框架的一鍵式設計實現
簡化了Figma API的複雜響應
侷限性
需要有效的Figma API訪問令牌
主要針對Cursor優化,其他IDE可能需要額外配置
無法處理私有或受限的Figma文件

如何使用

獲取Figma API訪問令牌
在Figma賬戶設置中創建個人訪問令牌
配置MCP服務器
在IDE配置文件中添加Framelink Figma MCP服務器配置
使用服務
在IDE聊天中粘貼Figma鏈接並請求AI幫助實現設計

使用案例

實現按鈕組件
從Figma設計系統中提取按鈕樣式並生成React組件
創建完整頁面
基於Figma框架設計實現完整頁面佈局

常見問題

如何獲取Figma API訪問令牌?
支持哪些編程框架?
能否處理私有Figma文件?

相關資源

快速入門指南
Framelink Figma MCP服務器的詳細安裝和使用指南
演示視頻
展示如何在Cursor中使用Figma設計數據構建UI
Model Context Protocol
MCP協議的官方介紹文檔
Discord社區
加入社區獲取幫助和分享經驗

安裝

複製以下命令到你的Client進行配置
{
  "mcpServers": {
    "Framelink Figma MCP": {
      "command": "npx",
      "args": ["-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
    }
  }
}

{
  "mcpServers": {
    "Framelink Figma MCP": {
      "command": "cmd",
      "args": ["/c", "npx", "-y", "figma-developer-mcp", "--figma-api-key=YOUR-KEY", "--stdio"]
    }
  }
}
注意:您的密鑰屬於敏感信息,請勿與任何人分享。

替代品

V
Vestige
Vestige是一個基於認知科學的AI記憶引擎,通過實現預測誤差門控、FSRS-6間隔重複、記憶夢境等29個神經科學模塊,為AI提供長期記憶能力。包含3D可視化儀表板和21個MCP工具,完全本地運行,無需雲端。
Rust
10.6K
4.5分
M
Moltbrain
MoltBrain是一個為OpenClaw、MoltBook和Claude Code設計的長期記憶層插件,能夠自動學習和回憶項目上下文,提供智能搜索、觀察記錄、分析統計和持久化存儲功能。
TypeScript
9.2K
4.5分
B
Bm.md
一個功能豐富的Markdown排版工具,支持多種樣式主題和平臺適配,提供即時編輯預覽、圖片導出和API集成能力
TypeScript
14.9K
5分
S
Security Detections MCP
Security Detections MCP 是一個基於Model Context Protocol的服務器,允許LLM查詢統一的安全檢測規則數據庫,涵蓋Sigma、Splunk ESCU、Elastic和KQL格式。最新3.0版本升級為自主檢測工程平臺,可自動從威脅情報中提取TTPs、分析覆蓋差距、生成SIEM原生格式檢測規則、運行測試並驗證。項目包含71+工具、11個預構建工作流提示和知識圖譜系統,支持多SIEM平臺。
TypeScript
7.8K
4分
P
Paperbanana
PaperBanana是一個自動化生成學術圖表和統計圖的智能框架,支持從文本描述生成高質量的論文插圖,採用多智能體管道和迭代優化,提供CLI、Python API和MCP服務器等多種使用方式。
Python
9.1K
5分
B
Better Icons
一個提供超過20萬圖標搜索和檢索的MCP服務器和CLI工具,支持150多個圖標庫,幫助AI助手和開發者快速獲取和使用圖標。
TypeScript
9.7K
4.5分
A
Assistant Ui
assistant-ui是一個開源TypeScript/React庫,用於快速構建生產級AI聊天界面,提供可組合的UI組件、流式響應、無障礙訪問等功能,支持多種AI後端和模型。
TypeScript
10.0K
5分
A
Apify MCP Server
Apify MCP服務器是一個基於模型上下文協議(MCP)的工具,允許AI助手通過數千個現成的爬蟲、抓取器和自動化工具(Apify Actor)從社交媒體、搜索引擎、電商等網站提取數據。它支持OAuth和Skyfire代理支付,可通過HTTPS端點或本地stdio方式集成到Claude、VS Code等MCP客戶端中。
TypeScript
9.0K
5分
M
Markdownify MCP
Markdownify是一個多功能文件轉換服務,支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
35.3K
5分
B
Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務,提供地理編碼、路線規劃等10個標準化API接口,支持Python和Typescript快速接入,賦能智能體實現地圖相關功能。
Python
42.6K
4.5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器,提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
141.8K
5分
S
Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器,通過定義思考階段幫助分解複雜問題並生成總結
Python
33.3K
4.5分
M
Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具,通過自然語言描述幫助開發者快速創建現代化UI組件,支持多種IDE集成。
JavaScript
21.4K
5分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
26.0K
4.8分
N
Notion Api MCP
已認證
一個基於Python的MCP服務器,通過Notion API提供高級待辦事項管理和內容組織功能,實現AI模型與Notion的無縫集成。
Python
20.8K
4.5分
C
Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務,通過Model Context Protocol直接集成到提示中,解決LLM使用過時信息的問題。
TypeScript
89.4K
4.7分
AIBase
智啟未來,您的人工智慧解決方案智庫
© 2026AIBase