AI 与 MCP

MCP 快速开始

五步把支持 MCP 的 AI 客户端(如桌面端 AI 助手、IDE)连上希爱设计,并用几条提示词完成第一次 AI 设计。

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

远程 MCP:五步开始

  1. 在希爱设计中打开(或新建)一个要让 AI 操作的文件
  2. 在文件菜单的 MCP 入口中启用远程 MCP 服务器
  3. 复制服务器地址与授权令牌
  4. 在你的 MCP 客户端(AI 助手 / IDE)中新增 MCP 服务并粘贴配置
  5. 保持希爱设计文件标签页处于活动状态,然后在客户端发送第一条提示词

本地 MCP:五步开始

  1. 准备 Node.js 等运行环境,按文档安装本地 MCP 服务器包
  2. 在希爱设计中启用本地连接并获取连接信息
  3. 在 MCP 客户端配置文件中登记本地服务器的启动命令
  4. 重启客户端,确认工具列表中出现设计相关工具
  5. 打开一个文件并保持活动状态,开始用提示词驱动设计

值得先试的提示词

  • 「列出当前文件中所有的画板及其用途」
  • 「用我们组件库的按钮和输入框,创建一个登录页」
  • 「把这一屏的颜色全部替换为设计令牌中的品牌色」
  • 「整理这个页面的图层,按区块编组并规范命名」
  • 「生成这个表单的空状态、错误状态和成功状态」

为什么要保持标签页活动

MCP 的画布操作会实时作用在打开的文件上,保持该标签页活动可以确保连接稳定、改动即时可见。若切换到其他文件,AI 操作的上下文也会随之切换。

模型选择建议

模型选择建议

复杂的版面生成与组件选择对模型推理能力要求较高,建议使用推理能力强的模型;简单的查询、重命名等任务用轻量模型即可。提示词越具体(指明画板尺寸、组件名称、令牌名称),结果越可控。

实用提示
  • 第一次使用先在副本文件中试验,避免误改正式稿。
  • 把常用提示词沉淀为团队模板,新成员也能快速复用。

准备好开始设计了吗?

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

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