AIBase
探索
MCP Stack For UI UX Designers
M

MCP Stack For UI UX Designers

一个基于MCP协议的UI/UX设计自动化套件，通过AI辅助实现从设计灵感到开发交付的端到端工作流，包含网页灵感采集、Figma设计集成和React代码生成三大核心功能。
开发者工具图像与视频处理#设计自动化#AI辅助#Figma集成#代码生成 本地.TypeScript
2.5分
11.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
4.5K
4.5分
M
Moltbrain
MoltBrain是一个为OpenClaw、MoltBook和Claude Code设计的长期记忆层插件，能够自动学习和回忆项目上下文，提供智能搜索、观察记录、分析统计和持久化存储功能。
TypeScript
4.1K
4.5分
B
Bm.md
一个功能丰富的Markdown排版工具，支持多种样式主题和平台适配，提供实时编辑预览、图片导出和API集成能力
TypeScript
4.4K
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.0K
4分
P
Paperbanana
PaperBanana是一个自动化生成学术图表和统计图的智能框架，支持从文本描述生成高质量的论文插图，采用多智能体管道和迭代优化，提供CLI、Python API和MCP服务器等多种使用方式。
Python
6.6K
5分
B
Better Icons
一个提供超过20万图标搜索和检索的MCP服务器和CLI工具，支持150多个图标库，帮助AI助手和开发者快速获取和使用图标。
TypeScript
6.7K
4.5分
A
Assistant Ui
assistant-ui是一个开源TypeScript/React库，用于快速构建生产级AI聊天界面，提供可组合的UI组件、流式响应、无障碍访问等功能，支持多种AI后端和模型。
TypeScript
7.3K
5分
A
Apify MCP Server
Apify MCP服务器是一个基于模型上下文协议（MCP）的工具，允许AI助手通过数千个现成的爬虫、抓取器和自动化工具（Apify Actor）从社交媒体、搜索引擎、电商等网站提取数据。它支持OAuth和Skyfire代理支付，可通过HTTPS端点或本地stdio方式集成到Claude、VS Code等MCP客户端中。
TypeScript
7.5K
5分
F
Figma Context MCP
Framelink Figma MCP Server是一个为AI编程工具（如Cursor）提供Figma设计数据访问的服务器，通过简化Figma API响应，帮助AI更准确地实现设计到代码的一键转换。
TypeScript
74.4K
4.5分
D
Duckduckgo MCP Server
已认证
DuckDuckGo搜索MCP服务器，为Claude等LLM提供网页搜索和内容抓取服务
Python
85.7K
4.3分
F
Firecrawl MCP Server
Firecrawl MCP Server是一个集成Firecrawl网页抓取能力的模型上下文协议服务器，提供丰富的网页抓取、搜索和内容提取功能。
TypeScript
149.8K
5分
E
Edgeone Pages MCP Server
EdgeOne Pages MCP是一个通过MCP协议快速部署HTML内容到EdgeOne Pages并获取公开URL的服务
TypeScript
33.0K
4.8分
B
Baidu Map
已认证
百度地图MCP Server是国内首个兼容MCP协议的地图服务，提供地理编码、路线规划等10个标准化API接口，支持Python和Typescript快速接入，赋能智能体实现地图相关功能。
Python
50.1K
4.5分
M
Minimax MCP Server
MiniMax Model Context Protocol (MCP) 是一个官方服务器，支持与强大的文本转语音、视频/图像生成API交互，适用于多种客户端工具如Claude Desktop、Cursor等。
Python
64.6K
4.8分
E
Exa Web Search
已认证
Exa MCP Server是一个为AI助手（如Claude）提供网络搜索功能的服务器，通过Exa AI搜索API实现实时、安全的网络信息获取。
TypeScript
57.3K
5分
C
Context7
Context7 MCP是一个为AI编程助手提供实时、版本特定文档和代码示例的服务，通过Model Context Protocol直接集成到提示中，解决LLM使用过时信息的问题。
TypeScript
106.0K
4.7分
AIBase
智启未来，您的人工智能解决方案智库
简体中文
© 2026AIBase 备案号：闽ICP备08105208号-24