AI 工具
AI 智能代理
MCP
排名
提交及廣告
登入
TW
TW
首頁
MCP
Figma MCP Server
Figma MCP Server
0
Visit MCP
0 評論
2 Stars
這個MCP使Claude能夠直接與Figma互動,允許用戶通過簡單的指令和與Figma插件的整合來創建、修改和導出UI設計。
新增日期:
創建者:
Apr 05 2025
Hitesh Sharma
開發者工具
瀏覽器自動化
...
Figma MCP Server
0 評論
2
0
這個MCP使Claude能夠直接與Figma互動,允許用戶通過簡單的指令和與Figma插件的整合來創建、修改和導出UI設計。
新增日期:
Created by:
Apr 05 2025
Hitesh Sharma
開發者工具
瀏覽器自動化
...
概述
特徵與應用
常見問答
開發者
精選
Figma MCP Server 是什麼?
Figma MCP伺服器將Claude與Figma連接,通過自動化的伺服器配置來促進設計的創建、編輯和導出。用戶可以指示Claude根據要求生成線框、UI組件和完整布局,這些要求隨後通過Figma中的插件執行。這樣的設置支持從命令導入設計、自定義樣式以及導出完成的設計。它簡化了開發人員和設計師的設計過程,自動化重複任務,並直接從會話輸入中實現快速原型製作。伺服器通過Docker容器與Figma進行通信,MCP配置集成到Claude的設置中,以實現無縫操作。
誰會使用 Figma MCP Server?
設計師
開發者
UI/UX專家
自動化愛好者
將AI與視覺設計整合的團隊
如何使用 Figma MCP Server?
步驟1:在Figma桌面應用中安裝Figma插件
步驟2:在Claude的配置文件中配置MCP伺服器
步驟3:根據安裝指導運行Docker容器
步驟4:打開Claude並從菜單中訪問Figma工具
步驟5:用戶向Claude提供具體的設計請求,例如創建按鈕或線框
步驟6:Claude通過MCP伺服器發送命令生成或修改Figma中的設計
步驟7:根據需要在Figma中導出或進一步編輯設計
Figma MCP Server 的核心特徵與益處
主要功能
創建形狀和UI組件
使用文本指令編輯Figma中的現有設計
排列布局結構
使用顏色和效果為元素設置樣式
從Figma導出設計
優點
自動化重複設計任務
加快UI原型製作
實現AI驅動的設計生成
簡化複雜的設計修改
將語音或文字命令與設計創建相整合
Figma MCP Server 的主要使用案例與應用
針對Web和移動應用的自動化UI原型製作
通過AI命令進行協作設計編輯
快速線框和佈局規劃
設計系統的創建和管理
以編程方式導出Figma資產
Figma MCP Server 的常見問答
如何安裝Figma插件?
設置此MCP的前提條件是什麼?
如何將Claude連接到Figma?
我可以用自然語言創建設計嗎?
是否可以修改現有的Figma設計?
如何導出使用該MCP創建的設計?
技術設置是否複雜?
這個MCP可以支持團隊協作嗎?
常見的故障排除步驟是什麼?
這個MCP適合用於大規模設計系統嗎?
開發者
ihiteshsharma
@ihiteshsharma
in/ihiteshsharma
https://docs.github.com/developers/overview/github-developer-program
ihiteshsharma
您可能也喜歡:
開發者工具
MCP Desktop App
一款用於管理伺服器與客戶端互動的桌面應用程式,具備全面的功能。
開發者工具
作業系統自動化
Eagle MCP Server
一個為 Eagle 提供的 Model Context Protocol 伺服器,負責管理 Eagle 應用程式和數據來源之間的數據交換。
開發者工具
研究與數據
Generic MCP Client Chat
一個基於聊天的客戶端,直接在聊天環境中集成和使用各種 MCP 工具,以提高生產力。
開發者工具
研究與數據
Collection of MCP servers with integrated supergateway
一個 Docker 映像,承載多個 MCP 伺服器,透過整合 supergateway 以統一入口點訪問。
開發者工具
研究與數據
YNAB Server
透過 MCP 協議提供 YNAB 帳戶餘額、交易及交易創建的訪問權限。
開發者工具
雲端平台
Zerodha-MCP
一個快速可擴展的MCP伺服器,用於管理多客戶的即時Zerodha交易操作。
開發者工具
雲端平台
Machine-To-Machine MCP Server SSH Client
一個遠端SSH客戶端,方便安全、基於代理訪問MCP伺服器,以便利用遠端工具。
開發者工具
作業系統自動化
Spring MCP Server
一個基於Spring的MCP伺服器,整合了AI能力以管理和處理Minecraft模組的通信協議。
開發者工具
研究與數據
Scira MCP Chat
一款具有基本聊天功能的極簡MCP客戶端,支持多種模型和上下文交互。
開發者工具
研究與數據
Authenticator MCP Server
一個安全的MCP伺服器,讓AI代理與身份驗證器應用程式互動以獲取2FA代碼和密碼。
開發者工具
安全
瀏覽器自動化
MCP Client with Brave Search
整合 Brave Search API 用於網頁搜尋的 MCP 客戶端,利用 MCP 協議進行高效通信。
開發者工具
研究與數據
Google Slides MCP Server
一種伺服器協議,可通過程式化方式創建、讀取和修改 Google 幻燈片演示文稿。
開發者工具
研究與數據
Viewport-Control MCP Server
透過 TypeScript 實現進階的瀏覽器自動化,涵蓋視窗管理、截圖捕獲以及內容提取。
開發者工具
瀏覽器自動化
browser-use-mcp-server
一個MCP伺服器,使AI代理能通過使用瀏覽器實現直接控制,並提供實時的VNC流媒體。
開發者工具
研究與數據
mcp-client
基於 TypeScript 的 React 和 Vite 專案模板,支持 ESLint 和 React 插件。
開發者工具
研究與數據
Web Eval Agent
通過瀏覽器自動化和網絡分析,自動評估和調試 Web 應用程序的系統。
開發者工具
研究與數據
Selenium Based Testing MCP
一個基於 Selenium 的測試 MCP,與類似 Claude 的 AI 客戶端和 VS Code 中的 Copilot 集成。
開發者工具
研究與數據
Model Context Protocol Client for Go
一個Go庫,便於與Redis、GitHub、Google Maps和網頁爬蟲工具等MCP伺服器的集成。
開發者工具
瀏覽器自動化
Mcp-Client-with-Browswer-use
一個基於 Python 的 MCP 客戶端,實現瀏覽器自動化以及與 Minecraft 伺服器的互動。
開發者工具
研究與數據
MCP Server Browser
一個基於網路的工具,方便瀏覽和管理Minecraft伺服器的配置和插件設置。
開發者工具
瀏覽器自動化