AITOPAI热报

Claude Design

共 49 条相关 AI 资讯
9月2日
12:43
12:43宝玉@dotey
精选
开发者dotey使用Claude Design工具为BaoCut v2版本创建原型，添加了Agent功能。原型设计将Agent移至左侧主入口，整合了历史会话和最近项目功能。底层使用Claude cli和Codex cli等现成Harness，保留了原有的LLM API翻译等功能。Fable 5.1发布后被用来测试这个原型设计。
技巧Claude DesignBaoCutAgent
事件专题
推荐理由：dotey演示如何用Claude Design快速迭代产品原型，为BaoCut v2添加Agent功能，展示了从用户角度思考产品设计的实用方法。
原文
9月1日
08:43
01:44
8月20日
23:04
8月15日
15:12
00:18
8月14日
12:22
12:22官方账号arXiv cs.AI@Yaxin Luo, Haobin Jiang, Jialv Zou, Xu Huang, Wenhao Yan, Haodong Li, Zhengrong Yue, Jing Li, Xiaofu Chen, Xiaohan Zhao, Jiacheng Liu, Jiacheng Cui, Zhiqiang Shen, Xiaotong Li
AutoDesign是面向长周期智能体设计的框架，能将多模态源转化为结构化媒体输出，聚焦论文到海报生成任务。该框架引入PosterBench基准，主轨含100篇论文，横跨五个学科，验证子集含10篇。在主轨上AutoDesign得分78.32，超过闭源系统Claude Design 7.45分。在七个受控配置中，加入DesignHarness将平均得分由54.99提至67.39，提升12.4%。完全自主循环中它执行253次工具调用和11轮编辑，40分钟内成本低于3美元。
论文AutoDesignPosterBenchClaude Design
事件专题
推荐理由：AutoDesign能自动把论文变海报，PosterBench上比Claude Design高7.45分，40分钟成本不到3美元。
原文
8月9日
02:29
7月27日
21:38
14:08
14:08shao__meng@shao__meng
精选
Claude Design 作者 Nate Parrott 分享了使用该工具的十条最佳实践。他强调在 prompt 前先想清楚，有时用语音口述或录音转文字。他建议注入设计约束（如字体、颜色、moodboard）避免“AI 味”，将重复工作抽象为 design system 上传规范。他还提出一次性生成十个方案再 remix，以及用纸笔画出布局拍照上传。Nate 推荐开启听写配合指针指向元素，保真度低时先做线框，最后一公里用手动编辑工具调整。他提到连接 GitHub 获取真实上下文（组件、现有页面），并可并行发送多条消息与 Claude 协同工作。
技巧Claude DesignNate ParrottOpus 4.5
事件专题
推荐理由：Claude Design 作者亲授十条经验，从 prompt 技巧到设计系统、并行工作流，全是实战干货，比官方文档还实用。
原文
7月18日
17:13
16:51
6月18日
15:28
09:30
09:30小互@imxiaohu
Anthropic 更新了 Claude Code 和 Claude Design 的集成，新增双向同步功能。运行 /design-sync 可将设计拉取到代码库，基于真实组件构建；使用 /design 可将代码推回 Claude Design 画布编辑。编辑器新增拖拽、缩放、对齐、修改字体和颜色等传统设计工具操作。导出格式扩展至 PDF、PPTX、Canva、HTML、Claude Code 五种。Claude Design 现在支持三种方式读取设计系统：指向 GitHub 仓库读取代码中的颜色变量、间距常量、组件样式；上传 Figma 文件；上传品牌规范文档，并在生成后自动对照设计系统检查并修正偏差。
AI产品Claude CodeClaude Design设计系统
事件专题
推荐理由：Claude 终于让设计师和开发者能双向同步了，还能直接读你 GitHub 的组件代码，自动检查设计偏差，省去手动对齐的麻烦。
原文
09:05
09:04
07:29
04:05
6月17日
11:00
09:30
6月16日
13:28
6月14日
12:51
08:53
08:52
07:21
04:51
6月11日
14:58
14:58宝玉@dotey
baoyu-design skill 新增支持导入 Figma 本地 .fig 文件，用户可将设计系统的 Figma 文件在本地重建为设计系统，效果与 Claude Design 在线版一致。该功能实现复杂，开发者表示没有 Claude Fable 5 的帮助难以完成。使用方式简单：安装 skill 后，将 Figma 文件路径发送给 skill，导入为 Design System，后续新建设计项目即可直接使用。该更新解决了本地设计系统与 AI 设计工具衔接的问题，适合设计师和前端开发者。
AI产品Claude DesignFigma设计系统
事件专题
推荐理由：设计师和前端开发者终于可以在本地用 AI 重建 Figma 设计系统了，效果媲美在线版，而且操作简单——把 .fig 文件路径丢给 skill 就行，值得一试。
原文
10:31
09:21
09:20
09:20宝玉@dotey
Claude Design 交付的设计结果是 HTML + CSS + React + data.js 的组合，而非传统图片或 Figma 文件。这种文本格式让开发者能通过 CSS 看清设计系统规范，通过 React 理解组件结构，通过 data.js 掌握数据结构。更重要的是，所有文件都是纯文本，可以提交到 Git 做版本管理，用 git diff 清晰追踪设计变更。相比 Figma，这种格式对 AI 和开发者都更友好，建议设计交付时采用。
AI产品Claude Design设计系统Git版本管理
事件专题
推荐理由：做设计系统或前端开发的团队，用 Git 管理设计稿比 Figma 更高效——文本格式让 AI 也能看懂变更，建议试试 Claude Design 的交付方式。
原文
02:36
6月10日
16:50
16:46
16:46宝玉@dotey
宝玉在推特分享了使用 Claude Design 的 5 条实用经验，帮助用户避免生成“AI 味”设计。核心技巧包括：设置 Adobe Spectrum 2 等 Design System 作为默认系统，让 AI 遵循统一设计规范；不要追求一次性完美，先搭架子再逐步迭代；利用 Markup 功能局部修改，Edit 功能手动调整元素；注意左侧对话框的上下文管理，新任务创建新会话；以及使用 Tweaks 面板调整主题、布局和导航。这些经验对于希望用 AI 高效产出高质量 UI 的设计师和开发者非常实用。
技巧Claude DesignAI 设计Design System
事件专题
推荐理由：宝玉的 5 条经验直击 AI 设计工具的痛点——如何避免千篇一律的“AI 味”，做 UI 的设计师和开发者可以直接套用，尤其是设置 Design System 和分步迭代的思路，能大幅提升出图质量。
原文
6月8日
18:00
10:52
02:46
02:46宝玉@dotey
精选72°
宝玉分享了一套基于Claude Design的开发模式：先用Claude Design设计UI/UX，输出HTML+CSS+React+data.js，便于AI理解和版本管理；再交给Claude Opus 4.8实现MVP，逐步迭代；每次生成可运行版本，通过即时反馈修正问题；稳定后重构优化性能。为解决Claude Design在本地与网页间切换的痛点，他研究了Claude Design的本地运行方案，并利用Codex的标记功能或Cursor的网页标记功能，实现了本地集成。最终发布了可在本地运行Claude Design的Skill，推荐开发者尝试。
AI产品Claude Design开发模式UI/UX设计
事件专题
推荐理由：这套模式解决了AI辅助开发中设计稿与代码脱节的痛点，做App原型或MVP的开发者可以直接参考，尤其是用Claude Opus做UI实现的团队，值得一试。
原文
6月7日
14:44
14:44宝玉@dotey
精选
Claude Design 与服务器通信时未使用常见的 JSON 文本协议，而是采用 Protocol Buffers（protobuf）二进制格式。这种设计能减少数据传输量、提升传输速度，同时由于缺少 schema，外部难以直接解析通信内容。不过，客户端 JavaScript 中包含了 schema，有心人稍加分析即可找到。这一细节反映了 Claude Design 在性能与安全性之间的权衡，对关注 AI 产品架构和逆向工程的开发者有参考价值。
AI产品Claude DesignProtocol Buffers通信协议
事件专题
推荐理由：做 AI 产品架构或协议分析的开发者值得关注——protobuf 在节省流量和提升速度上有优势，但 schema 暴露在客户端也带来安全隐患，看完能帮你评估类似设计。
原文
13:16
11:12
11:12宝玉@dotey
Claude Design 分享了8条产品设计核心原则，涵盖交互本质、设计系统、字体搭配、像素克制、发布意义、留白艺术、色彩法则和用户心理模型。这些原则简洁而深刻，直击设计本质，适合所有产品设计师、开发者和创作者反思。每条都配有中英文对照，便于理解。
技巧产品设计UI/UX设计系统
事件专题
推荐理由：这8条心法戳中了产品设计中最容易被忽视的底层逻辑，做UI/UX的设计师和产品经理看完会重新审视自己的设计决策，建议收藏反复看。
原文
6月3日
19:42
19:42The Rundown AI@therundownai
微软在Build开发者大会上宣布了一系列AI更新，包括新模型和智能体功能，强化其AI平台战略。同时，特朗普政府软化了此前关于AI审查的行政命令，可能影响行业监管方向。Claude Design推出幻灯片生成新功能，好莱坞知名导演也开始拥抱AI工具。此外，还有4款新AI工具和社区工作流发布，显示AI应用生态持续扩展。
行业微软Build大会智能体
事件专题
推荐理由：微软Build大会的AI更新直接影响开发者生态，做AI应用或使用微软云的团队值得关注；特朗普软化AI行政令可能改变监管预期，关注政策动向的从业者建议点开。
原文