/help/claude
如何在 Claude 中使用 UX Pilot
UX Pilot 可借助 AI 帮你设计线框和高保真 UI。在 Claude 中,你可以请求单个界面或完整产品流程,在聊天里预览结果,再打开 UX Pilot 继续编辑。
你可以做什么
- 用自然语言提示,让 Claude 生成单个界面——线框或精致 UI
- 请求多界面的应用或网站流程,选择要生成的界面并逐一预览
- 在 Claude 聊天中查看交互式设计预览
- 需要继续编辑时,通过 Open in UX Pilot 进入 UX Pilot
- Claude 提示时使用你的 UX Pilot 账户登录——无需 API 密钥
在 Claude 中设置 UX Pilot
按以下步骤完成一次设置后,即可在任何聊天中生成设计:
- 在 claude.ai 或 Claude Desktop 中打开 Claude。
- 打开 Settings → Connectors。
- 找到 UX Pilot 并添加或启用。
- 当 Claude 请求授权时,登录你的 UX Pilot 账户并允许访问。
- 开始新聊天,请 Claude 使用 UX Pilot 进行设计。
Claude 可能在运行前要求你批准 UX Pilot 工具。设计和访问权限会关联到你登录的 UX Pilot 账户。
在聊天中使用 UX Pilot
- 单个界面:描述你需要的页面(例如定价页或登录页)。Claude 会生成线框或 UI,并在聊天中显示预览。
- 多个界面:描述产品或网站流程。UX Pilot 会建议界面;选择你需要的,生成后查看每个预览。
- 继续编辑:设计满意后,点击 Open in UX Pilot,在 UX Pilot 编辑器中打开。
可尝试的示例提示
启用 UX Pilot 后,将以下任一提示粘贴到 Claude:
Generate a modern SaaS pricing page UI with three tiers and a featured Pro plan.
Design a multi-screen flow for a meal-planning app including home, recipes, grocery list, and profile.
成功时你会看到
- Claude 的回复中出现 UX Pilot 预览
- 你能看到生成的线框或 UI
- Open in UX Pilot 会打开你 UX Pilot 工作区中的设计
隐私与支持
- 隐私政策:
- 网站:
- 需要帮助?发送邮件至 support@uxpilot.ai
遇到问题时
- 登录未完成——在 Claude 打开的浏览器窗口中完成授权,然后重新提问。
- 没有预览——打开 Settings → Connectors,关闭再开启 UX Pilot,然后开始新聊天。
- Open in UX Pilot 显示错误账户或空设计——请确认登录的是你在 Claude 中授权的同一个 UX Pilot 账户。
最后更新: 2026年8月
了解更多:
