Anthropic推Claude Design,设计稿一键转生产级代码

源自76位全网作者

06-19 10:43

精选参考来源

1
学习了下Fiona Fung 在 Anthropic 大会上的演讲内容,关于 AI 时代怎么管工程团队。做些笔记顺便和大家分享。核心观点很直接:当写代码的成本趋近于零,过去基于“开发贵”设计的流程全部要重构。(这个观点我非常认同,前一段我们在内部,我和@axb的自我修养 还特别的讨论过这个事情,也在做一些实践)还有几个值得记下的观点:• 从“先写设计文档”到“先发一个 PR”,技术辩论从白板讨论转向“让 Claude 同时搓三个版本对着代码聊”(对应之前大家说的对着Demo聊需求)• “这段代码谁写的”正在失去意义,Claude Code 团队几乎所有 PR 都有 AI 参与(从harness和可控性角度,谁写的还真不一样,但作者应该是从业务视角来看的,也合理)• 经理必须从 IC 做起,Fiona 自己 2017 年后首次重新写代码,“现在连 git 命令都不记得,全靠 Claude”(很认同)• 砍掉旧流程比叠加新流程更难,但更重要。她用 jit planning(即时规划)替代六个月路线图,因为“原型成本趋零,提前规划的杠杆消失了”(确实,惯性很强大)• 代码是唯一 source of truth,设计文档退位(这个其实是有争议的,spec的角色现在很微妙,不同做法各有优劣)三个观察指标:新人上手时间、PR 生命周期、Claude 介入比例。但她警告:别盯着“多少代码是 AI 写的”这种虚荣指标,关键看产品质量。最后这句话很实在:“挑出最折腾人的那条工作流,重新审视它到底还在为谁干活。”#AI编程##工程管理##ClaudeCode##技术思考##微博AI创作季#
2
Claude 新产品暴打设计圈,一条推文干崩 Adobe、Figma 股价
全部
来源
内容由AI生成

精选参考来源

1. 学习了下Fiona Fung 在 Anthropic 大会上的演讲内容,关于 AI 时代怎么管工程团队。做些笔记顺便和大家分享。核心观点很直接:当写代码的成本趋近于零,过去基于“开发贵”设计的流程全部要重构。(这个观点我非常认同,前一段我们在内部,我和@axb的自我修养 还特别的讨论过这个事情,也在做一些实践)还有几个值得记下的观点:• 从“先写设计文档”到“先发一个 PR”,技术辩论从白板讨论转向“让 Claude 同时搓三个版本对着代码聊”(对应之前大家说的对着Demo聊需求)• “这段代码谁写的”正在失去意义,Claude Code 团队几乎所有 PR 都有 AI 参与(从harness和可控性角度,谁写的还真不一样,但作者应该是从业务视角来看的,也合理)• 经理必须从 IC 做起,Fiona 自己 2017 年后首次重新写代码,“现在连 git 命令都不记得,全靠 Claude”(很认同)• 砍掉旧流程比叠加新流程更难,但更重要。她用 jit planning(即时规划)替代六个月路线图,因为“原型成本趋零,提前规划的杠杆消失了”(确实,惯性很强大)• 代码是唯一 source of truth,设计文档退位(这个其实是有争议的,spec的角色现在很微妙,不同做法各有优劣)三个观察指标:新人上手时间、PR 生命周期、Claude 介入比例。但她警告:别盯着“多少代码是 AI 写的”这种虚荣指标,关键看产品质量。最后这句话很实在:“挑出最折腾人的那条工作流,重新审视它到底还在为谁干活。”#AI编程##工程管理##ClaudeCode##技术思考##微博AI创作季#

2. Claude 新产品暴打设计圈,一条推文干崩 Adobe、Figma 股价

3. 《设计圈的 Claude Code 时刻来了》 Anthropic 发布 Claude Design,由 Opus 4.7 驱动,输出可运行 React 代码而非静态设计稿。实测 3 轮交互完成 Mac App 高保真原型,Figma 当日股价大跌。本文详解产品能力、与传统工具的根本差异,以及对设计师、PM、工程师和工具厂商的深远影响。 设计圈的 Claude Code 时刻来了

4. 《Boris Cherny:Claude Code 之后,写代码正在变成“管理 Agent”》 在 Sequoia AI Ascent 访谈中,Boris Cherny 讲述 Claude Code 的孵化、Loop 工作流、SaaS 护城河变化和软件大众化。他的核心判断是,模型让写代码变便宜,但真正领先来自组织怎么改造自己。 Boris Cherny:Claude Code 之后,写代码正在变成“管理 Agent”

5. Claude Code 改代码的那几分钟该干什么?

6. 盘点一周AI大事(4月19日)|Claude终结设计 Anthropic上线Claude Design,接管整个设计流程 Anthropic上线最强编码模型Claude Opus 4.7 OpenAI内测下一代图像模型GPT-Image-2 OpenAI升级Codex,全面对标Claude Code Heygen开源视频制作技能包HyperFrames Quiver上线最强矢量图模型Arrow 1.1 Adobe发布重新打光图像模型TokenLight 字节开源数字人模型OmniShow 阿里开源开放世界模型Happy Oyster 研究员开源最强3D动画模型AniGen Gemini上线最强语音合成模型Gemini 3.1 Flash TTS Meta研发出神经计算机Neural Computers #前沿科技趋势发布月 #AI新星计划 #AI #AIGC #大模型

7. 举一个具体的用 Claude Design 更新设计和代码的例子我有一个视频字幕编辑器工具,是 Claude Design 做的设计,之前标题文字和下面的信息是放在一行,标题一长就放不下,于是我就让它变成两行。图1 是我在设计稿上做的修改,修改好了后导出下载 zip 文件,放到项目中,用 git diff 很容易看到做了哪些变更(图2)然后一句简单的提示给 Claude Code:> 参考设计稿 @design 的相关变更,对 UI 进行变更Claude 自己通过 git diff 去分析变更,然后找出所有设计稿修改了的位置,自己帮我修改了相应的 Swift 代码,任务完成!(图4是修改后的效果)全程我主要是在 Claude Design 上修改,然后需要手工去同步一下。

8. Claude深夜长出「双手」,接管电脑狂飙代码!额度光速耗尽,全网哀嚎

9. Claude最新功能泄露!主动助手Orbit接管一切工作

10. 【AI辅助设计】Claude Design:Anthropic 的设计野心,和它没说出口的那个问题

11. Claude Design 的做法是 onboarding 时让 Claude 直接读你的代码库和设计文件,自己提炼出一套设计系统,之后所有项目自动套用。//@岳阳明:嗯,figma丰富的调整编辑工具其实对Claude和Google没难度,但Claude和Google stitch优先服务目标是非专业用户,而且已经逐步开始加编辑面板了

12. Claude Design 深度分析:Anthropic AI 原生设计平台

13. Claude Code + Figma MCP 入门教程:让你的设计稿直接变代码

14. Figma 太重,Canva 太轻,Claude Design 卡在中间打了一拳

15. 设计师如何用 Claude Code 从设计到代码:Anthropic 设计主管的实战方法论

16. 从 Claude Code 到 Claude Design,从代码到设计,深度分析下一个战场

17. Claude Design 来了:设计即代码,Anthropic 要颠覆的不只是 Figma

18. Claude推出Design功能,程序员要被淘汰吗?

19. 刚刚发布!这款AI设计工具让产品经理"失业"了——Claude Design 深度体验

20. claude又来灭行业了。试了Claude Design,说几个真实感受。 它不是你说一句它就瞎出图那种。它会反过来问你问题,把需求搞清楚了再动手,像个真正的设计师在跟你对需求。 最后交付的是高保真可交互原型,不是截图,是真的能点的那种。 几个让我觉得真牛的点: 1.把比如Word等文档扔进去说”做成PPT”,它直接出。 2.粘一个网址或者上传代码库,它读懂你的产品再出图。 3.上传品牌文件之后,你的色号字体组件全部记住,之后每个项目自动套用,不用重复设置。 4.Tweaks面板,AI帮你生成调节滑块,字号颜色圆角拖着实时改,比打字描述快十倍。 5.Draw模式,直接在设计稿上用手划线圈出来写”改这里”。 6.Comment模式,像给同事留意见一样在稿子上写批注,Claude照着执行。 7.设计做完直接打包交给Claude Code去写代码,从想法到产品全程不出Claude生态。 Opus 4.7真的懂设计。项目团队用它,产品设计水平能直接拉高一档。 #claudeDesign #claude #claudedesign #ai #ai设计

21. 从设计到代码零距离:Claude Design做了一件Figma十年来都不敢做的事

22. 体验完 Claude Design,我决定把之前用的设计工具都换掉

23. Anthropic推出AI视觉创作工具Claude Design

24. Claude Design 使用教程 | Anthropic 官方设计工具保姆级上手指南(2026 最新)

25. Claude Design太强了!直接省我一半画图时间

26. Claude Design:对话式AI驱动的全链路原型设计平台

27. Claude Design 上线了,但更重要的是 Anthropic 想进设计工作流了

28. Claude Design 夯爆了

29. 设计与代码之间的二十年鸿沟,被Claude Design填平了|易术观察

30. Claude Design实测:自然语言生成高保真UI,前端开发新突破

31. 史上最强 AI 设计师!Claude Design 深度体验 Anthropic 刚出的 Claude Design,我用完之后是真的有点惊到。 它不是普通的 AI 做图工具。 更像是把 Figma,Canva,AI 对话修改,原型演示,甚至 Claude Code 开发,直接串成了一条工作流。 我这次完整跑了一遍,最大的感受有 3 个: 1,它不是只给你一张图,而是直接给你可交互的原型 2,你可以直接点选元素评论修改,不用一直靠模糊对话 3,最狠的是设计做完以后,还能直接 handoff 给 Claude Code 这期我们把它的完整流程和所有功能都吃透! #ai新星计划 #claudedesign #claudecode #前端 #ai设计

32. Anthropic 发布 Claude Design:用对话就能生成设计稿!

33. 设计师福音!Claude联动八大创意平台,Adobe全系深度适配

34. Anthropic发布Claude Design AI设计工具来了

35. 15 分钟用 Claude Design 搭一个能跑的电商网站(含部署上线)

36. Anthropic推出Claude Design,人人都是设计师

37. Anthropic推出AI设计工具Claude Design:文字指令即可生成交互原型

38. 使用 Claude Code 将 Google Stitch 设计稿转换为代码

39. Claude再出强大产品:Claude Design

40. 海外AI又搞出新把戏,ClaudeDesign出现,那设计师的工作还能平安保住不

41. 不会设计,也能做出产品原型?Anthropic 这次玩真的了!Claude Design实测

42. 一个Skill平替Claude Design 这段视频介绍了名为 Huashu Design 的开源项目,它旨在解决 Claude Design 平台因使用额度限制而难以持续工作的问题。Huashu Design 通过复制其核心系统提示词并整合进 Claude Code 等编码代理中,实现了极高的设计还原度。作者对比了两者在网页着陆页、设计系统应用及幻灯片制作上的表现,发现该工具能生成极具竞争力的视觉效果。虽然 Huashu Design 缺乏原生的图形交互与批注功能,但其显著降低了使用成本且无额度困扰。 #大模型 #claude #claudedesign #claudecode

43. 硅谷团队深度使用 ClaudeDesign经验分享

44. Claude Design 一次对话生成可交互产品原型

45. Claude Design上线,Opus 4.7 AI驱动、分钟级转化创意到原型

46. ClaudeDesign:设计行业的下一次范式迁移,还是又一场“AI幻觉”?

47. 有人把Claude Design做成了开源版

48. 创意效率质变!Claude正式接入八大创意软件,全面打通Adobe生态

49. Anthropic 推出 Claude Design,将聊天机器人对话转化为原型、幻灯片和营销素材

50. Claude Design 刚刚发布……解锁超能力

51. Claude Design上线!一句话生成可交互原型,直接导出前端代码

52. 什么是Claude Code?

53. 把Claude变成你的设计师?这个开源项目让我大开眼界

54. 设计师和程序员的终极形态来了? 炸场!Anthropic推出Claude Design,设计师和程序员的终极形态来了? 不仅仅是画图,而是懂交互、懂代码、懂你品牌调性的AI设计总监!Anthropic 刚刚推出的 Claude Design 彻底改变了软件和视觉的开发工作流。从一句话生成原型,到一键发给 Claude Code 写代码,全链路闭环! #Claude #ClaudeDesign #AI工具 #UI设计 #程序员

55. Claude Design深度评测 这份来源介绍了 Anthropic 最新发布的 Claude Design 界面,这是一款旨在解决其前端设计弱点的工具。该平台允许用户通过可视化交互和自然语言提示,快速创作从网页应用到移动端设计的各种原型。Claude Design 的核心优势在于能够自动分析现有的代码库,从而精准提取并匹配品牌色彩与字体等视觉资产。用户不仅可以通过简单的拖拽和标注来微调细节,还能直接将成果导出至 PowerPoint 或将其集成到 Claude Code 工作流中。总而言之,该工具标志着 Anthropic 实现了从纯代码开发向所见即所得式专业视觉设计的跨越。 #大模型 #claudedesign #claude

56. 刚刚,Claude Code 完整源码开源!

57. Claude Code和Figma正式官宣代码直接转设计

58. Claude Design:设计系统的“自动驾驶”时代

59. GitHub热门项目推荐: Huashu Design,开源版Claude Design,让你的agent 变身顶级设计师! Huashu Design 是一个专为 AI 智能体设计的 HTML 原生设计工具集,旨在通过简单的指令快速生成高保真设计。该项目支持创建 交互式 App 原型、动态幻灯片 以及 高清产品动画,并能直接导出为 MP4 或可编辑的 PPTX 文件。它内置了 20 种设计哲学 与 5 维评审系统,通过严格的 品牌资产协议 确保视觉产出的专业性与一致性。作为一种 Agent-agnostic 的技能插件,它让开发者无需打开图形界面即可完成大厂水准的视觉交付。该工具由开发者 花生 发起,个人使用免费,但 企业商用需获得授权。 #普通人学ai #创作者中心 #创作灵感 #github #claudedesign

60. Claude Design实战教程:高效技巧与Claude Code对比解析

61. Claude Code 代码生成调试重构,一键搞定

62. 【零代码】Claude Code帮我设计产品网站UI

63. 🔥Claude Design-AI驱动的协作式设计工具

64. Claude Design炸场,直接把设计师整沉默了

65. 我用 Claude Code 写了一周代码,这些技巧让效率翻倍

66. 零基础12分钟搞懂Claude Design 90%功能 今天这支影片我用12分钟,带你零基础搞懂Claude Design 90%的核心功能,一次学会怎么拿它做设计系统、PPT 和落地页。如果你想用AI做设计,但又不想学一堆复杂软件,👇点开影片,这支视频就是最适合你的入门指南。 你会看到: ✅ Claude Design 到底强在哪,适合什么人用 ✅ 不懂设计的人,怎么也能快速做出好看的成品 ✅ 从视觉风格到页面结构,AI 怎么帮你一步到位 ✅ 哪些功能最实用,学会就能马上提升产出效率 如果你看完这部影片有所收获,请点赞支持👍,订阅我的频道❤️ 你也可以分享出去,让更多人受益!☀️☀️ #claudedesign #claude设计 #claude做图 #claude教程 #claude用法 📽️ 时间轴: 00:00 开场 00:18 Claude Design介绍 01:46 建立设计系统 05:19 做销售落地页 07:41 做幻灯片 09:06 Claude生态圈 10:37 总结 ✅ 联系方式: 邮件: lichangzhanglaile 免责声明: 视频仅供娱乐和教育之用。所有信息都是基于互联网的公开资料,请进行独立研究并做出明智决策。

67. Claude Design 夯爆了。玩了一天 Claude Design,体验夯爆了,Figma 压力大了,利好前端,利好产品,利好能设计能 coding 的综合人才。 第一,目前只有 web 版本可以体验,桌面端暂时不支持。 第二,务必务必先搭设计系统。 直接把 github 链接,figma 链接发给 claude,总结出设计系统,以后你每次生成设计稿,风格都会自动套用,性价比爆表。 第三,分工过时了,前端+ UI 一把梭成为可能。 设计师用 figma,前端用 code,本质上是两套系统,两套专业模式,前端很难完全还原设计图细节,设计师也很难了解前端不同框架、动画、UI 库的优缺点。 现在不需要鸡同鸭讲了,有点 sense 的前端利用 claude desgin 一把梭,真正做到 code design 灵与肉的结合。 第四,大改用聊天,小改用评论。 第六,图标、插画、品牌形象,这类强审美的细节不要靠 Claude Design,还是要自己来,实在不行就花点钱。 #claudedesign #claude #shipswift #app开发

68. 【中配】克劳德又添新超能力 全新设计功能上线 - Fireship

69. Claude新出的Design到底能不能击败PPT 🔥 我用真·麦肯锡模板喂给它,效果惊了! ✅ 设计系统一键生成,品牌色/Logo自动识别 ✅ 手绘草图变精美幻灯片,打工人狂喜! ✅ 批注修改像审分析师报告,团队协作拉满 ❌ 但导出后图表全变图片?Slide Master直接消失… 💡 结论:UI设计师的玩具 🆚 PPT党的备胎? #ClaudeDesign #PPT #AI新星计划 #前沿科技趋势发布月 #职场黑科技 #

70. 零基础12分钟搞懂Claude Design 90%功能

71. 开源版Claude Design 来了!AI 最强设计师! 今天分享一个开源项目 Open Design,可以理解成开源版 Claude Design。它能接入 Claude Code、Codex、Cursor、Qwen Code 等智能体,把网页、PPT、App 原型、仪表盘这些设计需求,变成可预览、可导出的作品。 如果你经常做产品页、课程页、视频展示页、PPT 或 AI 工具演示,这个项目值得关注。#ClaudeDesign #前端设计 #开源项目 #AI工具 #AI工作流

72. Claude Design来了,设计师慌不慌?

73. 零基础12分钟搞懂Claude Design 90%功能: 一次性学会设计系统、PPT、落地页!

74. Claude Fable 5、Claude 4.6、GPT-5.5 图片转代码实测:谁更懂复杂 UI?

75. 我用 Claude Design 设计了一个 Codex × Claude Code 科技感网页

76. Claude Design开源平替! Open Design:一句话生成可交互HTML设计稿

1
扫一下,分享更方便,购买更轻松
0评论

当前文章无评论,是时候发表评论了
提示信息

取消
确认
评论举报

最新文章 热门文章