MCP 服务器是什么
MCP(Model Context Protocol)把 AI 智能体安全连接到希爱设计文件:AI 可以读取画板与组件、创建元素、修改属性,让「说话即设计」成为现实。
一句话理解
MCP 是一套让 AI 模型与外部工具对话的标准协议。希爱设计 MCP 服务器把「设计文件」变成 AI 可以理解和操作的上下文:智能体能检索画板、读取设计令牌与组件,还能在画布上创建画板、放置元素、调整布局,完成过去需要手工点选的设计任务。
可以做什么
- 让 AI 生成完整页面:创建画板、自动布局、文本与按钮
- 基于现有组件库拼装符合设计系统的界面
- 读取并引用设计令牌,保证颜色、字号、间距与规范一致
- 批量整理与重命名图层、统一页面结构
- 查询设计稿内容,让 AI 回答「这个页面用了哪些组件」
- 把研发需求直接转为设计改动,缩短需求到方案的链路
典型使用场景
- 产品经理用自然语言快速出原型,再由设计师精修
- 设计师让 AI 批量生成同一页面的多状态、多语言版本
- 前端询问设计稿的结构与令牌,直接获得实现依据
- 基于团队组件库批量生成后台管理页、表单页
- 在 IDE 或 AI 助手中联动设计文件,实现设计-开发闭环
远程与本地两种模式
远程 MCP 服务器由云端托管,在支持 MCP 的客户端中填入地址并授权即可使用,配置最简单;本地 MCP 服务器运行在你自己的电脑上,通过命令行启动,适合自托管环境、离线网络或需要更强控制力的团队。两者能力一致,差别只在部署位置。
安全边界
安全边界
智能体只能访问你授权的文件与团队,操作发生在真实画布上并可通过历史版本撤销。进行批量改动前建议先复制一个文件作为试验场,确认效果后再应用到正式设计。
实用提示
- 提示词中明确指定「使用某共享库中的组件」,AI 生成的结果会更规范。
- AI 完成后可用历史版本对比差异,不满意可一键回退。