AIBase
TW
探索
MCP Stack For UI UX Designers
M

MCP Stack For UI UX Designers

一個基於MCP協議的UI/UX設計自動化套件，通過AI輔助實現從設計靈感到開發交付的端到端工作流，包含網頁靈感採集、Figma設計集成和React代碼生成三大核心功能。
開發者工具圖像與視頻處理#設計自動化#AI輔助#Figma集成#代碼生成 本地.TypeScript
2.5分
10.1K
打開站點

概述

工具列表

內容詳情

替代品

什麼是 UI/UX 設計自動化 Suite?

這是一套基於 MCP 的工具集，用於支持 UI/UX 設計師從靈感收集到開發交付的全過程。它利用 AI 輔助設計決策，提升效率並確保一致性。

如何使用 UI/UX 設計自動化 Suite?

首先選擇需要的模塊（如靈感採集、Figma 集成或代碼生成），然後按照指引完成設置和操作。

適用場景

適合需要高效協作的設計團隊，尤其在需要快速迭代或大規模項目中。

主要功能

設計靈感採集
從已有網站抓取設計元素並分析可用模式。
Figma 集成
直接與 Figma 交互，支持設計提取、更新和管理。
開發交付
將 Figma 設計自動轉換為 React 組件，包含 Tailwind CSS 和 TypeScript。
AI 輔助設計
利用 AI 提供設計建議和優化。
優勢
大幅提升設計效率
減少重複性工作
支持跨平臺協作
增強設計一致性
侷限性
對複雜設計可能需要人工調整
依賴外部 API 和服務
初期配置可能較繁瑣

如何使用

安裝必要的工具
確保安裝 Node.js 18+ 和 Figma API Token。
啟動 MCP 服務器
運行命令以初始化 MCP 服務。
選擇所需模塊
根據需求啟用靈感採集或 Figma 集成功能。

使用案例

採集現有網站靈感
從目標網站抓取設計元素並分析可用模式。
將 Figma 文件轉換為 React 組件
直接從 Figma 導出設計並生成代碼。

常見問題

如何安裝 MCP 服務器？
是否支持自定義樣式？
需要哪些前置條件？

相關資源

官方文檔
全面的用戶指南和 API 文檔。
GitHub 代碼庫
開源代碼和貢獻指南。
教程視頻
快速上手視頻。

安裝

複製以下命令到你的Client進行配置
注意：您的密鑰屬於敏感信息，請勿與任何人分享。

替代品

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