AI 功能概览
腾讯设计内置多项 AI 辅助功能，帮助设计师更快速地将创意转化为可编辑的设计稿。
功能一览
| 功能 | 说明 | 入口 |
|---|---|---|
| 图生 UI | 上传截图或图片，AI 自动识别并生成可编辑的设计稿 | 工作台 AI 页 / 编辑器工具栏 |
| 文生 UI | 用自然语言描述界面需求，AI 生成对应的 UI 设计稿 | 编辑器 AI 助手面板 |
| H2D | 粘贴 HTML 代码或网页 URL，一键转换为可编辑的设计稿 | 编辑器 AI 助手面板 |
AI 助手
编辑器内置 AI 助手对话框，支持：
- 发送设计需求，生成 UI 布局
- 粘贴 HTML/URL，触发 H2D 转换
- 询问设计建议和参数调整
- 自然语言指令批量操作图层（如修改颜色、尺寸）
打开方式：工具栏「AI」图标，或快捷键 Cmd/Ctrl + \
如何选择合适的 AI 功能
| 我的需求 | 推荐功能 |
|---|---|
| 我有一张参考截图，想快速还原为设计稿 | 图生 UI |
| 我脑海中有设计想法，想通过文字描述生成草稿 | 文生 UI |
| 我有现成的 HTML/CSS 代码，想转为设计稿 | H2D |
| 我想批量修改设计稿中的属性（颜色、尺寸等） | AI 助手对话 |
AI 功能与 Design MCP 的配合
AI 功能也可以通过 Design MCP 在 AI Agent 工作流中触发：
batch_design工具支持批量创建和修改图层replace_all_matching_properties支持全局属性替换get_screenshot可截图用于 AI 视觉分析
这使得 Claude、Cursor 等 AI 工具能够以编程方式完成原本需要手动操作的 AI 设计任务。