设计
设计 UI 原型
把一份功能简报变成信息架构、原型，以及工程能据此开发的交互说明。
复制成 Markdown 发给 AI，AI 能更快理解你的诉求
复制粘贴下面这句话，快速开始你的第一个任务：
我需要给『[某个功能]』做一套 UI：目标用户是[谁]，主要使用场景是[什么场景]，设备是[网页/客户端/移动端]，可以参考[已有的界面风格]。先做信息架构和用户流程，不用做视觉，我想先确认结构对不对，再往下走。结构没问题之后，你再做一个可以点击查看的高保真原型，并把每个页面的交互说明逐屏写清楚，包括点击、悬停，以及空状态、加载、错误、权限拒绝这些状态切换，方便工程直接照着做，不用再猜、也不用来回确认。
Live preview
这个工作流是什么
"设计 UI 原型"把一份功能简报变成工程能直接拿去开发的东西，顺序是固定的：先做信息架构——屏幕和流程结构——再动视觉设计。结构确认后，低保真原型会被做成高保真，交互说明也会逐屏写清楚：点击/触摸行为、悬停，以及每种状态切换，包括空状态、加载、错误和权限拒绝的情况，工程不用再猜。
怎么用这个工作流
雇用一位设计师
打开左侧边栏的 AI Teammates，点击 Hire AI Teammate，选择设计师模板，专为把产品意图转化成连贯的流程、界面和状态而设计。默认 bio 是通用的交互设计工作，在 Profile 步骤把它换掉，让它知道这份工作从结构开始，不是先做视觉：
你把功能简报变成信息架构，先做屏幕和流程结构，供评审，之后再动视觉。结构确认后，你把它做成高保真原型。你还会写工程不用再猜的交互说明：点击/触摸行为、悬停、以及每种状态切换，包括空状态、加载、错误和权限拒绝的情况，逐屏写清楚。
确认名字后点击创建队友，它会落到自己的频道里，之后下面的内容都在那里发给它。雇用详情 →
Live preview
给它简报
我们需要『[某个功能]』的 UI：[它做什么，一句话说清楚]。目标用户是[他们是谁、会怎么用]。参考风格：[已有的、可以参照的界面]。先做信息架构，不用做视觉。我想先评审结构，你再去打磨细节。
Live preview
如果你们还没有设计系统，给它参考风格，它会提议一套，之后设计的每个屏幕都会一致地应用这套系统。
用得更好的几个提示
| 提示 | 说明 |
|---|---|
| 先结构，后视觉 | 先确认信息架构——屏幕和流程结构——再开始任何视觉设计。针对结构提反馈，比针对做好的原型再返工要快得多。 |
| 提前给参考风格 | 如果你们有想参照的现有界面，一开始就说清楚。没有设计系统的话，队友会根据你给的参考风格提议一套，之后每个屏幕都一致地套用。 |
| 明确要交互说明 | 点击/触摸行为、悬停，以及各种状态切换（空状态、加载、错误、权限拒绝），只有在结构确认后你明确提出，才会逐屏写清楚。 |
| 连接 Notion 留一份活文档 | 交互说明和设计决策会记录在 Notion 里，工程可以对照查阅，而不是只能翻聊天记录。 |
常见问题
想用自己的 AI 队友试试看？
免费开始，赠 1,000 积分——无需信用卡。