用好 Claude Design 的一些经验: 1. 加上 Design System 可以有效避免设计 AI 味 比如我偏好用 Adobe Spectrum 2 Design System ht...

TL;DR · AI 摘要
使用 Design System 可减少 AI 设计风格,提升界面一致性。
核心要点
- 使用 Adobe Spectrum 2 Design System 可减少 AI 设计风格。
- 不要一次性完成设计,应逐步调整和添加功能。
- 利用 Markup 和 Tweaks 功能进行局部修改和风格调整。
结构提纲
按章节快速跳转。
- §引言
介绍使用 Claude Design 的一些经验。
使用 Adobe Spectrum 2 Design System 可以减少 AI 设计风格。
不要一次性完成设计,应逐步调整和添加功能。
利用 Markup 和 Tweaks 功能进行局部修改和风格调整。
左侧的对话框不是无限聊天的,应做好上下文管理。
思维导图
用一张图看清主题之间的关系。
查看大纲文本(无障碍 / 无 JS 友好)
- 用好 Claude Design 的一些经验
- 使用 Design System
- Adobe Spectrum 2 Design System
- 逐步调整设计
- 不要一次性完成设计
- 使用 Markup 和 Tweaks
- Markup 功能用于局部修改
- Tweaks 功能用于调整应用属性
金句 / Highlights
值得收藏与分享的关键句。
使用 Adobe Spectrum 2 Design System 可以有效避免设计 AI 味。
不要指望一次性做个完美的版本,应一点点调整,一点点添加功能。
利用 Tweaks 功能可以调整应用属性,如 theme、布局、加载状态等。
- 加上 Design System 可以有效避免设计 AI 味
比如我偏好用 Adobe Spectrum 2 Design System https://t.co/R0jz2bJVgh
设置为默认设计系统,后续就会默认使用这个设计系统,你就可以把重点放在界面布局和交互上。
- 不要指望一次性做个完美的版本 https://t.co/dijaCdA3zt
用好 Claude Design 的一些经验: 1. 加上 Design System 可以有效避免设计 AI 味 比如我偏好用 Adobe Spectrum 2 Design System github.com/adobe/react-sp… 设置为默认设计系统,后续就会默认使用这个设计系统,你就可以把重点放在界面布局和交互上。 2. 不要指望一次性做个完美的版本 的聊天框,一点点调整,一点点添加功能 3. 多用 Markup 功能去局部修改 Markup 功能可以框选特定的位置,然后评论,缺点是不能添加附件、截图 Edit 功能是给你手动调整的,选中元素左侧可以修改树形,比如调整一下字体大小 4. 注意上下文管理 左侧的对话框不是无限聊天的,也要做上下文管理,当新的任务就创建新的会话 5. 用 Tweaks 去尝试不同风格、导航 Tweaks 是一个设置面板,你可以通过它来调整应用属性,比如theme、布局、加载状态等等 另外如果你界面多,也可以通过 Tweak 添加导航,快速进入相应的界面而不必一步步点击




Replying to @dotey and @howie_serious
感觉我用Claude design不是很顺利,宝玉老师有心得分享嘛hh