一位设计师如何学会对威尔·史密斯吃意大利面视而不见
内容提要
一位非开发者出身的设计师分享了自己用AI为Video.js v10定制皮肤的经历：他从怀疑AI，到在同事带动下用Claude处理设计修改并养成习惯，形成Figma设计、Claude Code实现、浏览器检验的循环流程，半小时就搭出可用的播放器。他认为AI并未取代原有工具，而是填补了设计与开发之间的空隙，手艺和判断力仍是设计师的核心，并鼓励同行从真实项目入手尝试。
延伸解读
AI 填补的是流程空隙，而非替代工具
作者强调 Claude 并未取代 Figma 或浏览器，而是坐在两者之间，把设计意图快速转化为可交互的代码。这提示我们：AI 的价值往往不在于替代某个环节，而在于压缩环节之间的等待与沟通成本。设计师原有的判断工具（Figma 探索、浏览器检验）依然不可少，AI 只是让“想到”到“看到”的循环变快。
从怀疑到上手：真实项目比教程更有效
作者曾因担心 AI 产出质量而保持距离，直到同事直接让他向 Claude 提需求，才打破心理障碍。他建议从“本来就要设计的真实项目”入手，因为有真实截止日期会迫使你迭代，而教程往往缺少这种反馈压力。对非开发者而言，先完成一个粗糙但可用的版本，再逐步细化，比追求一步到位更可行。
手艺与判断力仍是设计师的核心
文中反复出现一个观点：Claude 会不断向作者索要“品味、判断和手工打磨”，比如图标仍需在 Figma 中一笔一笔绘制。这说明 AI 降低了实现门槛，但没有降低审美与决策的门槛。设计师的竞争力可能更集中在定义问题、评估结果和细节把控上，而不是单纯产出代码或图形。
半小时搭出播放器，但离成品仍有距离
作者用简单提示在 30 分钟内做出了可运行的 Video.js v10 皮肤并部署到 Vercel，但文末也承认“播放器仍需一些细化才能达到标准”。这提醒读者：AI 能快速产出原型，但达到生产质量仍需人工反复调整。把 AI 定位为加速原型的工具，而非一键交付的解决方案，更符合实际体验。
Q&A
设计师如何用AI为Video.js v10定制皮肤？具体流程是什么？
流程是一个循环：先用Claude Code生成初始版本，在浏览器中查看并交互，再提示进行间距、尺寸、颜色等基础调整；需要深入考虑时回到Figma手绘细节（如图标），然后将设计反馈给Claude实现，再回到浏览器检验，如此重复。
设计师最初对AI持什么态度？后来为什么改变了？
最初持怀疑态度，用“威尔·史密斯吃意大利面”比喻AI生成内容的低质，担心自己用不好。改变是因为同事直接让他在Slack中向Claude提设计修改需求，Claude快速完成且可尝试多种选项，浏览器中看到结果后他感到被赋能，随后养成习惯。
AI在设计师的工作中扮演什么角色？是否取代了原有工具？
AI没有取代原有工具，而是填补了设计与开发之间的空隙。Figma仍用于创意探索和手绘细节，浏览器用于判断效果，Claude Code则连接两者，替代了以往的手写交接文档、标注和等待开发者的过程。
设计师认为AI时代设计师的核心能力是什么？
核心能力仍是品味、判断力和手工技艺。Claude不断向设计师索取这些，细节依然由设计师把控。投入越多心思到交给Claude的内容中，结果越好。
搭建一个可用的Video.js v10皮肤需要多长时间？技术门槛高吗？
设置非常简单：安装Node.js、使用Build with AI教程中的Video.js技能、注册免费托管平台。在Claude Code中输入一个简单提示后，30分钟就得到了托管在Vercel上、可在浏览器中交互的播放器。
对想尝试AI的设计师有什么建议？
建议从本来就会设计的真实项目入手，有真实截止日期比教程更有用。不要放弃手艺，交给Claude的内容越用心，结果越好，细节仍由自己掌控。
