操作按钮说明

这篇文档用于查询 Open Design 里的按钮和操作入口。你不需要从头背下来；遇到不确定的按钮时，按所在页面找到对应说明即可。

左侧导航按钮

左侧导航用于在 Open Design 的主要区域之间切换。

按钮	作用	使用方式
主页	回到创建任务的首页	想新建页面、PPT、图片、视频或其他内容时点击。
项目	查看已经创建过的项目	想找回历史结果、继续修改旧项目时点击。
自动化	查看或管理持续运行的任务	普通同事可以先不使用；需要定时生成摘要或长期任务时再进入。
插件	查看可用插件和插件市场	需要使用团队预设流程，或想了解有哪些专项能力时点击。
设计体系	管理设计系统	想让后续生成内容保持公司品牌风格时点击。
集成	查看外部工具接入能力	需要连接外部系统、工具或服务时点击。
设置	打开全局设置面板	需要改模型连接、语言、通知、隐私、设计系统等配置时点击。

欢迎页按钮

欢迎页通常只在第一次使用时出现，用于完成基础配置。后续也可以在设置里重新修改。

按钮	作用	使用方式
本地 Coding Agent	选择电脑上已安装的编码助手来完成生成	已安装 Claude Code、Codex、Cursor 等工具时可选。公司内部统一使用 token-plan 时一般不用选这里。
打开 CLI 设置	进入本机 Coding Agent 设置	需要扫描或选择本机工具时点击。
自己的模型 Key	使用公司或个人提供的模型服务	公司内部使用 token-plan 时选择这个方向。
打开 BYOK 设置	进入 API Key、Base URL、模型配置区域	配置 token-plan 时点击。
从 GitHub 导入	从代码仓库生成或补充设计系统	团队已有前端项目，并希望生成结果贴近真实产品风格时使用。
上传本地文件	上传截图、CSS、文档或素材	手里有产品截图、品牌文档或视觉素材时使用。
用一句话生成	用文字描述品牌或产品来生成设计系统	没有现成文件时可以用这种方式快速开始。
上一步	回到欢迎页上一环节	前一步内容填错或想重新选择时点击。
继续	进入欢迎页下一环节	当前环节确认无误后点击。
完成设置	结束欢迎页配置并进入 Open Design	token-plan 和基础信息配置完成后点击。
先跳过	暂时跳过当前配置	暂时不想配置设计系统或个人信息时可以点击。

主页创建按钮

主页标题通常是“你想设计什么？”。这里的核心操作是输入需求，然后选择要生成的内容类型。

输入和运行

按钮 / 区域	作用	使用方式
输入框	填写你想让 Open Design 完成的任务	像给同事布置工作一样写清楚“做什么、给谁看、包含什么、希望什么风格”。
运行	创建项目并开始生成	输入需求后点击右下角向上箭头。点击后会进入项目页并开始生成。
输入内容后运行	提醒当前还不能运行	当输入框为空时会出现类似状态；先输入需求再点击运行。
示例提示词	查看可参考的示例需求	不知道怎么写需求时可以点示例，再按自己的任务修改。
替换	用示例或插件内容替换当前输入框	当前输入框已有文字时谨慎点击；点击后原文字会被新内容替换。
换行	在输入框里另起一行	需要把需求写成多段时使用。

创建类型按钮

按钮	作用	什么时候用
原型	生成网页、App 页面、后台页面、介绍页等界面内容	需要可预览、可继续修改的页面时使用。
实时制品	生成可持续更新的页面或报告	需要长期刷新、连接数据或持续展示的内容时使用。
幻灯片	生成 PPT 类内容	做汇报、提案、培训材料、产品介绍时使用。
图片	生成静态视觉素材	做海报、社媒图、概念图、宣传图时使用。
视频	生成动态视频素材	做产品展示、活动预告、短视频片段时使用。
HyperFrames	生成更偏动态视觉的 HTML 动效内容	需要字幕、节奏转场、动态视觉表达时使用。
音频	生成声音内容	做旁白、音效、品牌声音概念时使用。
创建插件	创建可复用的工作流程	团队想把固定流程沉淀成插件时使用。普通同事日常可以先不用。
来自 Figma	从 Figma 文件开始	有现成设计稿，想继续生成或修改时使用。
来自文件夹	从本地文件夹开始	需要参考某个本地项目或资料文件夹时使用。
来自模板	从已有模板开始	已有相近结构，想更快生成结果时使用。

主页下方设置

按钮 / 选项	作用	使用方式
风格	选择生成结果参考的设计系统或视觉方向	不确定时选择“自动”；有公司设计系统时选择对应设计系统。
自动	让 Open Design 自动匹配风格	第一次练习或不确定选哪套风格时使用。
比例	设置图片或视频的画面比例	做图片、视频时按投放场景选择，例如横版、竖版、方图。
时长	设置视频或音频长度	做视频、音频时使用；短视频可选择较短时长。
分辨率	设置图片或视频清晰度	需要更清晰输出时选择更高分辨率，但生成时间可能更长。
备注	控制幻灯片是否生成演讲备注	做培训或汇报 PPT 时可以开启；只要页面内容时可以关闭。
更多	展开更多可选项	找不到某个创建类型或设置项时点击查看。

项目页对话按钮

项目页用于查看生成过程、继续修改结果。左侧通常是对话区，底部是继续输入需求的地方。

按钮	作用	使用方式
发送	在当前项目里提交新的修改要求	生成完成后，在底部输入框写修改意见，再点击“发送”。
停止	中止正在运行的任务	发现需求写错、任务跑偏、或不想继续等待时点击。停止后可以重新发送更清楚的要求。
附加文件	上传图片、文档或参考资料	想让 Open Design 参考某张图、某份文档、某个资料时使用。上传后要在需求里说明用途。
导入	打开素材导入入口	需要从 Figma、GitHub、网页元素、文件夹、技能或其他项目引入资料时使用。
CLI 与模型设置	快速打开执行设置	模型不可用、连接失败、想切换模型时点击。
新建对话	在同一个项目里开始新的对话线	当前项目内容保留，但想换一个新的讨论方向时使用。
对话历史	查看当前项目中的历史对话	想回到之前的对话或确认修改记录时使用。
删除对话	删除某条对话记录	只在确认不再需要该对话时使用。删除后对话消息会被移除。
回到最新	滚动到最新消息	对话很长、页面停在中间时点击。
复制提示词	复制某条需求文本	想复用之前写过的需求时点击。
打开	打开助手消息里产出的文件	看到“本轮产出的文件”时，点击文件旁的“打开”查看结果。

设计文件按钮

“设计文件”是项目里生成和上传文件的列表。它通常在项目页右侧。

按钮 / 入口	作用	使用方式
设计文件	打开项目文件列表	想查看生成出的页面、图片、文档或其他文件时点击。
刷新	重新读取文件列表	任务刚完成但文件没出现时点击。
上传	上传本地文件	需要把参考图片、文档或素材放进项目时使用。
粘贴	把一段文字保存为项目文件	有长文本、需求说明、参考资料时可粘贴成文件。
新建草图	创建一个草图文件	需要手绘或标注想法时使用。
搜索文件	按文件名查找文件	文件很多时输入关键词查找。
分组方式	调整文件列表的分组展示	想按类型或修改时间查看文件时使用。
类型	按文件类型分组或筛选	想只看 HTML 页面、图片、文档等时使用。
修改时间	按最近修改时间查看	想找最新生成的文件时使用。
按类型筛选	只显示某类文件	文件很多时使用，例如只看“HTML 页面”。
清除	清除当前筛选条件	筛选后想恢复全部文件时点击。
全选此页	选中当前页显示的所有文件	需要批量下载或批量删除时使用。
全选	选中当前项目中的全部文件	批量处理前使用，点击前确认范围。
取消选择	取消已经选中的文件	误选或不想批量处理时点击。
下载选中的文件为 ZIP	将选中文件打包下载	需要把多个文件发给同事或备份时使用。
删除	删除选中的文件	确认文件不再需要时使用。删除前要看清文件名。
打开	打开单个文件	查看页面、图片、文档或代码文件时点击。
在标签页中打开	在右侧工作区打开文件标签	需要同时查看多个文件时使用。
下载	下载单个文件	需要把某个文件保存到本地或发送给别人时使用。
返回 / 上一级	返回上一层文件夹	进入子文件夹后使用。
上一页 / 下一页	翻看文件列表分页	文件数量很多时使用。

文件预览器按钮

打开某个文件后，右侧会进入文件预览器。不同文件类型看到的按钮会不完全一样。

按钮	作用	使用方式
预览	查看文件呈现出来的效果	打开 HTML 页面、图片、文档时优先看这里。
代码	查看文件的源码内容	普通同事通常不需要进入；排查或交给技术同事时再看。
重新加载	重新读取当前文件	文件刚更新但预览没刷新时点击。
从磁盘重新加载	从项目文件重新读取内容	发现显示内容不是最新时使用。
下载	下载当前文件	需要保存到本地或分享给同事时使用。
打开	用浏览器或系统方式打开文件	需要在独立窗口查看时使用。
在新标签页中打开	在浏览器新标签页查看	想放大查看页面效果时使用。
复制	复制当前文件内容	需要把文本、代码或 Markdown 内容发给别人时使用。
复制路径	复制文件路径	需要向技术同事说明文件位置时使用。
保存	保存修改	只有当前文件支持编辑时使用；如果显示“保存（只读预览）”，说明不能直接保存。
调整	打开可视化调整面板	文件支持调整时使用；如果提示不可用，说明当前文件没有调整面板。
绘制	在预览上画标注	想圈出页面位置或表达修改意见时使用。
评论	对预览中的元素添加评论	想针对某个区域提出修改意见时使用。
编辑	进入可编辑模式	需要直接微调页面元素时使用；不熟悉时优先用对话区发送修改要求。
分享	打开导出或分享菜单	需要导出 PDF、ZIP、HTML、图片，或生成分享链接时使用。
导出为 PDF	导出当前页面或幻灯片为 PDF	需要发给同事评审或归档时使用。
下载为 .zip	打包下载项目或当前产物	需要把完整产物交给别人时使用。
导出为独立 HTML	导出一个可单独打开的 HTML 文件	需要离线查看或发送单页结果时使用。
导出为 PPTX	将支持的幻灯片导出为 PPT 文件	生成幻灯片后需要继续用 PowerPoint 编辑时使用。
保存为模板	把当前产物保存为后续可复用模板	当前结构以后还会反复使用时点击。
关闭标签页	关闭当前打开的文件标签	文件看完后点击，不会删除文件。

设置面板按钮

设置面板用于调整 Open Design 的运行方式和使用体验。这里的按钮较多，不确定时优先保持默认。

执行模式

按钮 / 选项	作用	使用方式
本机 CLI	使用本机已安装的 Coding Agent	已安装相关工具并完成登录时选择。
API 提供方 / BYOK	使用 API Key 和 Base URL 连接模型服务	公司内部使用 token-plan 时选择这个方向。
代码代理	选择具体使用哪个 Coding Agent	本机 CLI 模式下使用。
重新扫描	重新查找本机可用的 Coding Agent	安装新工具后没显示出来时点击。
测试	测试当前连接是否可用	配置 API Key、Base URL、模型后点击。
取消	停止正在进行的测试	测试时间过长或填错信息时点击。
重新测试	再次测试连接	修改配置后点击。
拉取模型	从当前提供方获取可用模型列表	填好 API Key 和 Base URL 后点击。
显示 Key	临时显示已输入的 API Key	检查是否填错时使用，注意周围环境。
隐藏 Key	隐藏 API Key	检查完后点击，避免旁人看到。
自定义	手动填写模型或地址	列表里没有公司要求的配置时使用。

通用设置

按钮 / 选项	作用	使用方式
保存	保存当前修改	修改表单内容后点击。
关闭	关闭设置面板或弹窗	设置看完或保存后点击。
清除	删除已保存的某项配置	只在确认不再使用该配置时点击。
重新加载	从本机重新读取配置	页面显示不一致或刚修改过本地配置时点击。
系统	外观跟随电脑系统	不想单独设置深浅色时选择。
浅色	使用浅色界面	喜欢白底界面时选择。
深色	使用深色界面	夜间或长时间使用时可选。
测试通知	发送一条系统通知测试	开启桌面通知后点击确认是否可用。
分享使用数据	允许共享使用数据	按公司要求选择。
不分享	不共享使用数据	不希望上传使用数据时选择。
删除我的数据	处理隐私相关数据	按公司内部要求或个人需要使用。

技能、记忆、设计系统和连接器

按钮	作用	使用方式
新建技能	创建一个新的专项能力	需要沉淀团队固定流程时使用。
编辑	修改已有内容	修改技能、记忆或其他配置时点击。
删除	删除已有内容	确认不再需要时点击。
创建	创建新条目	填完新技能或新记忆后点击。
保存索引	保存记忆索引	修改记忆索引后点击。
重置	恢复默认或重置当前选择	当前配置改乱时使用。
新建记忆	新增一条可复用背景信息	想让 Open Design 记住角色、项目背景、表达偏好时使用。
启用记忆注入	让后续对话使用已保存记忆	希望减少重复说明时开启。
添加设计系统	新增一套设计系统	公司品牌、产品线或活动风格需要固定时使用。
从 GitHub 导入	从代码仓库导入设计系统	有前端仓库时使用。
从项目导入	从已有项目导入设计系统	当前项目生成结果可以复用为风格基础时使用。
显示全部	显示所有设计系统	有隐藏项时点击。
显示隐藏项	查看被隐藏的设计系统	想恢复或检查隐藏设计系统时使用。
在首页 Gallery 中显示	控制设计系统是否出现在主页选择区	常用设计系统建议开启，不常用可以关闭。
保存密钥	保存连接器所需密钥	配置 Composio 等连接器时使用。
获取 API 密钥	打开获取密钥的页面	还没有密钥时点击。
继续	在清除或删除确认流程中继续下一步	确认理解影响后再点击。
删除密钥并断开	删除连接器密钥并断开相关服务	这是影响较大的操作，只在确定要重配时使用。
取消	放弃当前确认流程	不确定是否删除或清除时点击。

常见按钮状态

状态	含义	应该怎么做
按钮变灰	当前条件不满足，暂时不能点击	检查是否已输入内容、选择文件、填写必填项，或等待任务结束。
按钮显示“运行中…”	任务正在执行	等待完成，不要重复点击。
按钮显示“保存中…”	正在保存配置	等待保存完成后再关闭页面。
出现确认弹窗	当前操作可能影响已有内容	先读弹窗文字，确认无误再继续。
出现“已复制”	内容已经复制到剪贴板	可以粘贴到聊天、文档或其他工具里。
出现“已保存”	配置或内容保存成功	可以关闭弹窗或继续下一步。