AI 与 MCP

MCP 服务器是什么

MCP(Model Context Protocol)把 AI 智能体安全连接到希爱设计文件:AI 可以读取画板与组件、创建元素、修改属性,让「说话即设计」成为现实。

基于 Penpot 官方文档整理汉化 更新于 2026-10-08

一句话理解

MCP 是一套让 AI 模型与外部工具对话的标准协议。希爱设计 MCP 服务器把「设计文件」变成 AI 可以理解和操作的上下文:智能体能检索画板、读取设计令牌与组件,还能在画布上创建画板、放置元素、调整布局,完成过去需要手工点选的设计任务。

可以做什么

  • 让 AI 生成完整页面:创建画板、自动布局、文本与按钮
  • 基于现有组件库拼装符合设计系统的界面
  • 读取并引用设计令牌,保证颜色、字号、间距与规范一致
  • 批量整理与重命名图层、统一页面结构
  • 查询设计稿内容,让 AI 回答「这个页面用了哪些组件」
  • 把研发需求直接转为设计改动,缩短需求到方案的链路

典型使用场景

  • 产品经理用自然语言快速出原型,再由设计师精修
  • 设计师让 AI 批量生成同一页面的多状态、多语言版本
  • 前端询问设计稿的结构与令牌,直接获得实现依据
  • 基于团队组件库批量生成后台管理页、表单页
  • 在 IDE 或 AI 助手中联动设计文件,实现设计-开发闭环

远程与本地两种模式

远程 MCP 服务器由云端托管,在支持 MCP 的客户端中填入地址并授权即可使用,配置最简单;本地 MCP 服务器运行在你自己的电脑上,通过命令行启动,适合自托管环境、离线网络或需要更强控制力的团队。两者能力一致,差别只在部署位置。

安全边界

安全边界

智能体只能访问你授权的文件与团队,操作发生在真实画布上并可通过历史版本撤销。进行批量改动前建议先复制一个文件作为试验场,确认效果后再应用到正式设计。

实用提示
  • 提示词中明确指定「使用某共享库中的组件」,AI 生成的结果会更规范。
  • AI 完成后可用历史版本对比差异,不满意可一键回退。

准备好开始设计了吗?

不限文件数、不限席位,核心功能永久免费。

免费开始使用 查看全部文档