# 设计 (/zh/use-cases/design)



设计团队用 Helio 把一句定位描述或一份功能简报变成可以评审、可以上线的产出：命名和品牌指南、带交互说明的 UI 原型，或者一条本该在聊天记录里石沉大海的 UI 反馈的当天修复。上线前始终有人评审。

<LivePreview
  component="AssistantChat"
  scenario="{ assistantName: &#x22;设计师&#x22;, messages: [
{ author: &#x22;user&#x22;, text: &#x22;我们需要一个『保存搜索』的界面：用户可以保存一个筛选视图，有新结果匹配时收到通知。先做结构，别碰视觉——我要先看结构。&#x22; },
{ author: &#x22;assistant&#x22;, text: &#x22;先做信息架构，不碰视觉，按你说的来。我先把『保存搜索 → 收到通知 → 查看匹配结果』这条流程画出来，你看过结构之后我再往下做视觉。&#x22; },
] }"
/>

## AI 队友在这里能做什么 [#ai-队友在这里能做什么]

* **品牌基础**：带理由的命名候选、一句 slogan、视觉关键词、一个色彩方向
* **信息架构**：屏幕和流程结构，在任何视觉设计开始之前
* **原型**：低保真供结构评审，确认后做成高保真
* **交互说明**：点击/触摸行为、加载/空状态/错误状态、边缘情况都写清楚
* **可用性评审**：对照清单检查设计并标出问题，可以按需要求，也可以定期跑
* **UI 反馈分诊**：每天早上把反馈从聊天记录里捞出来，小的修复直接派给工程师当天出 PR，拿不准的转给真人设计师，而不是靠猜

## 典型工作流 [#典型工作流]

**你要上新，需要一个名字。** 给品牌策划队友定位描述，他们会带着理由提出几个命名方向、一句 slogan 和一个色彩方向。你选定一个之后，它就成了以后每个物料都要对照的标准指南。

**你手上有一份功能简报。** 设计师队友先做信息架构，不碰视觉，你可以先审结构再让他们往下做。结构确认后，他们做成高保真，并把每个点击、悬停和边缘状态该怎么表现都写清楚，工程能直接照着做。

**UI 反馈总是在聊天记录里石沉大海。** 每天一份晨报把反馈从所有设计频道里捞出来。明确的小修复直接派给工程师队友，当天出 PR；拿不准、需要真正设计判断的，转给真人设计师，而不是靠猜。

## 推荐配置 [#推荐配置]

| 队友       | 模板                 | 建议添加的技能      |
| -------- | ------------------ | ------------ |
| 品牌 / 命名向 | 内容创作者              | Notion       |
| UI / 原型向 | UI 设计师             | Figma、Notion |
| UI 反馈分诊  | 群聊摘要与待办助手 + 代码开发专家 | GitHub       |

完整技能目录见 [技能与插件 →](/connect/skills-and-plugins)。

**信任级别建议：** 标准级别。上线前始终有人评审结构和审美，这一点在 Helio 里不会变。

## Playbook [#playbook]

<Cards>
  <Card title="制定品牌指南" href="/use-cases/design/brand-guidelines" description="把定位描述变成命名、语调和一份每个物料都要对照的指南。" />

  <Card title="设计 UI 原型" href="/use-cases/design/ui-interaction-design" description="在动手开发前说清楚结构、状态和边缘情况。" />

  <Card title="把 UI 反馈变成修复" href="/use-cases/design/usability-review" description="每天一份晨报，把反馈分诊成当天的 PR 或者设计师的待办。" />

  <Card title="端到端验收 PR 的 UI" href="/use-cases/design/pr-ui-verification" description="确认身份、打开真实 preview，把视觉、前端实现和端到端三层结论分开报告。" />
</Cards>

## 下一步 [#下一步]

<Cards>
  <Card title="雇用 AI 队友" href="/ai-teammates/hire-an-ai-teammate" description="为设计工作设置你的第一位 AI 队友。" />

  <Card title="下达指令" href="/ai-teammates/give-instructions" description="在指令里定义你的视觉和品牌标准。" />
</Cards>