AIbase
TW
探索
Figma Context MCP
F

Figma Context MCP

Framelink Figma MCP Server是一個為AI編程工具（如Cursor）提供Figma設計數據訪問的服務器，通過簡化Figma API響應，幫助AI更準確地實現設計到代碼的一鍵轉換。
開發者工具人工智能聊天機器人#Figma集成#AI編程#設計轉代碼#MCP服務 本地.TypeScript
4.5分
6.6K

什麼是Framelink Figma MCP Server?

這是一個Model Context Protocol(MCP)服務器，專門用於連接AI編程工具(如Cursor)和Figma設計文件。它簡化了Figma API響應，只提供最相關的佈局和樣式信息，使AI能更準確地實現設計到代碼的轉換。

如何使用Framelink Figma MCP Server?

1. 在IDE中打開聊天功能(如Cursor的agent模式) 2. 粘貼Figma文件、畫框或組的鏈接 3. 讓AI基於設計數據編寫代碼

適用場景

適用於需要快速將Figma設計轉換為前端代碼的開發者，特別是使用AI輔助編程工具的場景。

主要功能

Figma設計數據訪問提供對Figma文件、畫框和組的訪問能力，提取設計元數據
數據簡化處理自動簡化Figma API響應，只保留最相關的佈局和樣式信息
Cursor集成優化專門為Cursor AI編程工具優化，提高代碼生成準確性

優勢與侷限性

優勢
比截圖粘貼更準確地實現設計轉換
簡化Figma API響應，提高AI處理效率
支持多種前端框架的實現
專門為AI編程工具優化
侷限性
需要Figma API訪問令牌
目前主要針對Cursor優化
複雜設計可能需要人工調整

如何使用

獲取Figma API訪問令牌
在Figma賬戶設置中創建個人訪問令牌
配置MCP服務器
在IDE配置文件中添加Framelink Figma MCP服務器設置
使用Figma鏈接
在AI編程工具中粘貼Figma鏈接併發出指令

使用案例

實現登錄頁面基於Figma設計創建React登錄頁面
提取設計系統變量從Figma設計系統中提取顏色和字體變量

常見問題

如何獲取Figma API訪問令牌?
支持哪些AI編程工具?
為什麼比截圖更有效?

相關資源

Framelink官網
瞭解更多關於Framelink的信息
快速開始指南
詳細的安裝和使用指南
演示視頻
觀看實際使用演示
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"]
    }
  }
}
注意：您的密鑰屬於敏感信息，請勿與任何人分享。
N
Notte Browser
已認證
Notte是一個開源的全棧網絡AI代理框架，提供瀏覽器會話、自動化LLM驅動的代理、網頁觀察與操作、憑證管理等功能，旨在將互聯網轉化為代理友好的環境，並通過自然語言描述網站結構，降低LLM的認知負擔。
636
4.5分
S
Search1api
Search1API MCP Server是一個基於Model Context Protocol (MCP)的服務器，提供搜索和爬取功能，支持多種搜索服務和工具。
TypeScript
313
4分
D
Duckduckgo MCP Server
已認證
DuckDuckGo搜索MCP服務器，為Claude等LLM提供網頁搜索和內容抓取服務
Python
797
4.3分
B
Bing Search MCP
一個用於集成微軟Bing搜索API的MCP服務器，支持網頁、新聞和圖片搜索功能，為AI助手提供網絡搜索能力。
Python
208
4分
M
MCP Alchemy
已認證
MCP Alchemy是一個連接Claude Desktop與多種數據庫的工具，支持SQL查詢、數據庫結構分析和數據報告生成。
Python
301
4.2分
P
Postgresql MCP
一個基於FastMCP庫的PostgreSQL數據庫MCP服務，提供對指定表的CRUD操作、模式檢查和自定義SQL查詢功能。
Python
85
4分
A
Agentic Radar
Agentic Radar是一個用於分析和評估代理系統的安全掃描工具，幫助開發者、研究人員和安全專家理解代理系統的工作流程並識別潛在漏洞。
Python
533
5分
M
MCP Scan
MCP-Scan是一款針對MCP服務器的安全掃描工具，用於檢測提示注入、工具汙染和跨域升級等常見安全漏洞。
Python
593
5分
精選MCP服務推薦
B
Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務，提供地理編碼、路線規劃等10個標準化API接口，支持Python和Typescript快速接入，賦能智能體實現地圖相關功能。
Python
693
4.5分
M
Markdownify MCP
Markdownify是一個多功能文件轉換服務，支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
1.7K
5分
F
Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器，提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
3.8K
5分
S
Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器，通過定義思考階段幫助分解複雜問題並生成總結
Python
243
4.5分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
242
4.8分
M
Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具，通過自然語言描述幫助開發者快速創建現代化UI組件，支持多種IDE集成。
JavaScript
1.7K
5分
N
Notion Api MCP
已認證
一個基於Python的MCP服務器，通過Notion API提供高級待辦事項管理和內容組織功能，實現AI模型與Notion的無縫集成。
Python
109
4.5分
C
Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務，通過Model Context Protocol直接集成到提示中，解決LLM使用過時信息的問題。
TypeScript
5.2K
4.7分
AIbase
智啟未來，您的人工智慧解決方案智庫
English简体中文繁體中文にほんご
© 2025AIbase