T
traeai
登录
返回首页
宝玉(@dotey)

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

7.0Score
用好 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 功能进行局部修改和风格调整。

结构提纲

按章节快速跳转。

  1. 介绍使用 Claude Design 的一些经验。

  2. 使用 Adobe Spectrum 2 Design System 可以减少 AI 设计风格。

  3. 不要一次性完成设计,应逐步调整和添加功能。

  4. 利用 Markup 和 Tweaks 功能进行局部修改和风格调整。

  5. 左侧的对话框不是无限聊天的,应做好上下文管理。

思维导图

用一张图看清主题之间的关系。

查看大纲文本(无障碍 / 无 JS 友好)
  • 用好 Claude Design 的一些经验
    • 使用 Design System
      • Adobe Spectrum 2 Design System
    • 逐步调整设计
      • 不要一次性完成设计
    • 使用 Markup 和 Tweaks
      • Markup 功能用于局部修改
      • Tweaks 功能用于调整应用属性

金句 / Highlights

值得收藏与分享的关键句。

#Claude Design#设计系统#前端开发
打开原文
  1. 加上 Design System 可以有效避免设计 AI 味

比如我偏好用 Adobe Spectrum 2 Design System https://t.co/R0jz2bJVgh

设置为默认设计系统,后续就会默认使用这个设计系统,你就可以把重点放在界面布局和交互上。

  1. 不要指望一次性做个完美的版本 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 添加导航,快速进入相应的界面而不必一步步点击

Image 1
Image 2
Image 3
Image 4

SagaSu

@sujingshen

2h

Replying to @dotey and @howie_serious

感觉我用Claude design不是很顺利,宝玉老师有心得分享嘛hh

6:52 AM · Jun 10, 20268.4K Views

AI 可能会生成不准确的信息,请核实重要内容

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