Claude Design 发布后，设计圈的讨论度一下子高了起来。
我自己把 Claude Design 从头到尾深度测试了一遍，从生成 UI 原型、PPT，到导出，再到对接 Claude Code——整个流程走下来。我的感受是：AI 设计工具，已经开始进入真正的生产流程。
简单一句提示词，就能创建一个能互动的着色器壁纸库
制作一个完整的 UI 设计稿
或者精美的 PPT。
-1- 如何进入 Claude Design
打开 claude.ai，登录付费账号后，左侧边栏会出现一个 Design 入口，点击进入即可。
如果没看到入口，说明功能还在逐步开放，可以过几天再看看，也可以直接访问 claude.ai/design。
Enterprise 用户默认关闭，需要管理员在后台手动开启。
-2- 创建项目：四种类型
进入 Claude Design 后，新建项目时有四个类型可选：
Prototype（原型）：生成 UI 原型，有线框图和高保真两种模式。线框图适合前期验证结构，高保真更接近最终产品效果。
Slides（幻灯片）：生成 PPT，支持导出 PPTX。
Template（模板）：适合品牌统一风格场景。
Other（其他）：包括视频封面、Logo、一页式文档等。
-3- 实测：生成一个背单词 App 原型
我实测了一个案例。
项目名称填写“背单词 App”，风格选择高保真，进入画布后，左侧是提示词输入区，右侧是画布区域。
提示词：
设计一个背单词学英语的移动端 App，要求包含启动页、登录页、首页、单词学习页、复习页、测试页、个人中心。风格简洁清新，主色调薄荷绿，辅助色米白。要求使用圆角卡片和柔和阴影，整体风格参考多邻国和 Notion。
写提示词时，我发现有三个关键点：
- 功能页面写完整
- 颜色风格描述明确
- 给一个参考产品
这三点越清晰，生成效果越稳定。
点击发送后，Claude 会实时展示任务进度，比如：
- 创建图标
- 生成登录页
- 添加交互
- 调整布局
整个过程大概两三分钟。
最终生成了六个核心页面，并且默认以画板模式展示。
登录页带渐变效果，每一页的按钮颜色、圆角、字体风格也都保持统一。
最关键的是：
这些页面是可交互的。可以点击标签栏、切换页面、翻转卡片。右侧还有模型切换入口，也支持上传参考图进行生成。
-4- 核心功能：Comment、Edit、Draw
生成之后，Claude Design 提供了三种迭代方式。
Comment（评论修改）：把鼠标放到组件上点击，即可直接留言修改。我测试时让它把单词卡片的字体颜色改成绿色，大概几十秒就完成了。最大的优点是：不需要再描述“第几页哪个组件”，直接点即可。
Edit（直接编辑）： 点击 Edit 后，右侧会出现属性栏。支持直接修改：
- 字体
- 颜色
- 阴影
- 圆角
- 背景
同时支持历史版本回退。
Draw（手绘生成）： 这是我觉得最有意思的功能。我用鼠标随手画了一个爱心图形，Claude 自动识别成“收藏按钮”，并生成了对应 UI。后续还可以继续通过 Comment 微调位置。
-5- 导出与 Claude Code 联动
完成后，右上角有三个按钮：Share、Export、Handoff
Share： 生成分享链接。
Export： 支持 ZIP、PDF、PPTX、Canva、HTML 等格式。我测试了 PPTX 导出，打开后版式基本保持完整，可以继续编辑。
Handoff to Claude Code： Claude 会自动读取设计稿，并进一步生成对应代码。
从原型到代码实现的流程，已经可以非常顺滑地串联起来。
-6- 订阅怎么选？
Claude Design 目前需要付费订阅。目前有多个档位可选：
- Pro
- Max
- Team
如果只是轻度体验，Pro 基本够用。但如果频繁生成高保真原型、PPT 或复杂设计，高额度版本体验会更稳定。因为 Claude Design 使用的是 Opus 系列模型，对算力消耗会明显高于普通聊天。
-7- 写在最后
AI 设计工具这两年发展非常快。
从 Figma Make、Google Stitch、Canva AI，到现在的 Claude Design。很多原本需要设计师、产品、前端协作完成的事情，现在 AI 已经能独立完成很大一部分。但我依然认为：真正重要的，不只是工具本身。而是你的审美、表达能力，以及你是否知道什么才是“好的设计”。
