我现在用 Claude 设计的时间比用 Figma 更多
将 Claude/LLM 用于 UI 设计与原型制作
- 许多评论者现在使用 Claude Design / Claude Code(以及类似工具)来生成前端、线框图和可运行原型,通常是在 Figma 之前,或取代 Figma。
- 常见模式:先用 LLM 在代码中做原型,再在 Figma 或现有设计系统中进行视觉细化。
- 一些团队工作流:设计师/产品人员用 LLM 生成交互式原型,工程师之后再“真正地”重写实现,把原型当作活文档式提案。
提示词、创造力与通用化输出
- 如果没有详细的美学方向,模型会默认生成保守、套路化的设计(Tailwind/Bootstrap 克隆、“登机牌”式旅行 UI 等)。
- 用户报告称,当他们:
- 提供非传统的参考网站或 UI 示例。
- 指定字体、布局约束以及品牌/风格提示。
时,输出会更有原创性。
- 即便如此,输出在视觉上往往仍然很相似,并且难以处理布局边界(例如过长的幻灯片)。
对工作流、角色和规格说明的影响
- 一些设计师/PM 觉得自己被赋能去“vibe code” UI 和逻辑,从而减少早期迭代对工程师的依赖。
- 前端工程师报告了新的负担:
- 审查混乱的 AI 生成 PR。
- 区分预期行为与意外的“slop”。
- 处理更少的书面规格和更多对原型的逆向工程。
- 也有人喜欢原型让需求比单纯口头/文本规格更具体。
质量、可维护性与风险
- 几位工程师把 LLM 输出比作初级开发者:有用,但充满隐藏 bug、缺失边界情况和错误假设。
- 反对把 LLM 视为类似编译器的“更高抽象层”,因为输出并非确定性,也不可靠地正确。
- 担忧非技术利益相关者会认为原型代码“已经完成 95%”,并要求快速产品化,低估稳健性、安全性和数据完整性方面的工作。
对 AI 与工具的更广泛态度
- 情绪分裂:
- 对更快迭代、对修改拥有无限耐心,以及让小型组织或 NGO 用廉价替代昂贵承包商感到兴奋。
- 对炒作、“近乎邪教式”的必然性叙事,以及企业营销(包括那些投资 AI 的交易公司)持怀疑态度。
- 有人认为 AI 尤其适合一次性 UI、图像和低风险网页;也有人担心它会侵蚀深度思考和设计严谨性。
- 讨论还涉及 Figma 的未来、其内置 AI 功能被认为薄弱,以及传统设计和建站工具正面临压力的早期迹象。