MCP 快速开始
五步把支持 MCP 的 AI 客户端(如桌面端 AI 助手、IDE)连上希爱设计,并用几条提示词完成第一次 AI 设计。
远程 MCP:五步开始
- 在希爱设计中打开(或新建)一个要让 AI 操作的文件
- 在文件菜单的 MCP 入口中启用远程 MCP 服务器
- 复制服务器地址与授权令牌
- 在你的 MCP 客户端(AI 助手 / IDE)中新增 MCP 服务并粘贴配置
- 保持希爱设计文件标签页处于活动状态,然后在客户端发送第一条提示词
本地 MCP:五步开始
- 准备 Node.js 等运行环境,按文档安装本地 MCP 服务器包
- 在希爱设计中启用本地连接并获取连接信息
- 在 MCP 客户端配置文件中登记本地服务器的启动命令
- 重启客户端,确认工具列表中出现设计相关工具
- 打开一个文件并保持活动状态,开始用提示词驱动设计
值得先试的提示词
- 「列出当前文件中所有的画板及其用途」
- 「用我们组件库的按钮和输入框,创建一个登录页」
- 「把这一屏的颜色全部替换为设计令牌中的品牌色」
- 「整理这个页面的图层,按区块编组并规范命名」
- 「生成这个表单的空状态、错误状态和成功状态」
为什么要保持标签页活动
MCP 的画布操作会实时作用在打开的文件上,保持该标签页活动可以确保连接稳定、改动即时可见。若切换到其他文件,AI 操作的上下文也会随之切换。
模型选择建议
模型选择建议
复杂的版面生成与组件选择对模型推理能力要求较高,建议使用推理能力强的模型;简单的查询、重命名等任务用轻量模型即可。提示词越具体(指明画板尺寸、组件名称、令牌名称),结果越可控。
实用提示
- 第一次使用先在副本文件中试验,避免误改正式稿。
- 把常用提示词沉淀为团队模板,新成员也能快速复用。