用好 Claude Design 的一些经验： 1. 加上 Design System 可以有效避免设计 AI 味 比如我偏好用 Adobe Spectrum 2 Design System ht...
TL;DR · AI Summary
使用 Design System 可减少 AI 设计风格，提升界面一致性。
Key Takeaways
- 使用 Adobe Spectrum 2 Design System 可减少 AI 设计风格。
- 不要一次性完成设计，应逐步调整和添加功能。
- 利用 Markup 和 Tweaks 功能进行局部修改和风格调整。
Outline
Jump quickly between sections.
- §引言
介绍使用 Claude Design 的一些经验。
使用 Adobe Spectrum 2 Design System 可以减少 AI 设计风格。
不要一次性完成设计，应逐步调整和添加功能。
利用 Markup 和 Tweaks 功能进行局部修改和风格调整。
左侧的对话框不是无限聊天的，应做好上下文管理。
Mindmap
See how the topics connect at a glance.
查看大纲文本（无障碍 / 无 JS 友好）
- 用好 Claude Design 的一些经验
- 使用 Design System
- Adobe Spectrum 2 Design System
- 逐步调整设计
- 不要一次性完成设计
- 使用 Markup 和 Tweaks
- Markup 功能用于局部修改
- Tweaks 功能用于调整应用属性
Highlights
Key sentences worth saving and sharing.
使用 Adobe Spectrum 2 Design System 可以有效避免设计 AI 味。
不要指望一次性做个完美的版本，应一点点调整，一点点添加功能。
利用 Tweaks 功能可以调整应用属性，如 theme、布局、加载状态等。
- Adding a Design System can effectively avoid the AI-like feel in the design
For example, I prefer using the Adobe Spectrum 2 Design System github.com/adobe/react-sp…. Setting it as the default design system means it will be used by default in subsequent steps, allowing you to focus on the layout and interaction of the interface.
- Don't expect to create a perfect version in one go https://t.co/dijaCdA3zt
Some tips for using Claude Design well: 1. Adding a Design System can effectively avoid the AI-like feel in the design For example, I prefer using the Adobe Spectrum 2 Design System github.com/adobe/react-sp…. Setting it as the default design system means it will be used by default in subsequent steps, allowing you to focus on the layout and interaction of the interface. 2. Don't expect to create a perfect version in one go. Start with the chat box, and gradually adjust and add features. 3. Use the Markup function frequently to make localized modifications. The Markup function allows you to select a specific area and add comments, but the downside is that you cannot add attachments or screenshots. The Edit function allows you to manually adjust elements, and on the left side of the selected element, you can modify the tree structure, such as adjusting the font size. 4. Pay attention to context management. The left-side conversation box is not for infinite chatting; you also need to manage the context. When a new task comes up, create a new session. 5. Use Tweaks to try different styles and navigation. Tweaks is a settings panel, and you can use it to adjust application properties, such as theme, layout, loading state, etc. Additionally, if you have multiple interfaces, you can also add navigation through Tweaks, allowing you to quickly access the corresponding interface without having to click step by step.
Replying to @dotey and @howie_serious
I feel that using Claude Design is not very smooth, do you have any experience to share, Master BaoYu? hh