How To Stand Out In A World Of AI Designs

Magic Patterns 两位创始人都是前端工程师、不会 Figma，靠"把 Figma 稿翻译成代码"做出 AI 设计工具，如今销售和运营都在用它做设计。

一个不会设计的团队做出了设计工具，还活过了 prompt-to-design 赛道最拥挤的两年。更有意思的是，他们现场拆了 4 个"AI 味"十足的创业公司官网，指出哪些地方正在悄悄赶走用户——这些毛病，很多做 AI 产品的人自己也在犯。

Magic Patterns 不是先有 AI 再找场景，而是两个前端工程师把自己最擅长的活做成了工具。2023 年 10 月上线时，同类产品只有 V0，而且模型差到没有对话，只能"给一句 prompt，吐一张设计"。

• 9 个月、多次转型：先做群聊文本分析器（靠它有收入才进了 YC），又做组件库编辑器、Storybook 加强版、localhost 一键发布的 Chrome 插件，绕了 9 个月才落到 Magic Patterns。
• YC 合伙人的一句话："做你真正擅长的事"——他们擅长把 Figma 稿写成代码，于是干脆把这件苦活产品化。
• 判断产品是否成立：创始人引用 Paul Graham 的说法，找 10 个"既付费又在用"的真正爱你的用户；前几个转型一个都没凑齐，Magic Patterns 上线后很快凑齐了。

他们用自家产品做加载动画，把 Claude Code 图标和 Grok 机器人当灵感来源，演示了"画布 + MCP"怎么配合干活。

• 画布不是 Figma：新版本叫 Magic Patterns OS，定位是"装你所有上下文的操作系统"，图片、PRD、文档都能拖进来，AI 直接读画布内容，一次生成 4 张城市明信片。
• 多线程不排队：传统工具要等 AI 跑完才能下一步，这里能同时开很多线程；在 Cursor 里通过 MCP 发一条指令，画布上就能看到 Cursor 的 agent 和同事同时改同一个文件。
• 不绑模型、不绑出口：可导出 Figma 做高精度调整，也可导出到任意代码工具；对比之下 Claude Design 只能用 Anthropic 模型、只能导出到 Claude Code。

两人逐页点评真实创业公司网站，核心指标只有一个：能不能转化。

• Ego：首屏只有一句"agents are machines, we make them people"，滚到一半才知道是语音 agent；右上角按钮写着"Ronin"，看不出是产品还是模型。页面里有个输入框看着能打字，实际点不动——典型的 AI 生成假交互。
• Sentient OS：滚动劫持被点名批评，"没有一家十角兽公司这么干"；但笔记本合盖、睡眠中干完活的动画被夸是"动画服务于表达"的正例。主 CTA"Download for MacOS"小到几乎看不见，而免费产品的"free"应该像定价页一样大。
• Cerno Vis 与 Slashy：Cerno Vis 通篇"institutional intelligence"这类空话，还让用户先自我归类——创始人说这是把融资 deck 当成了官网。Slashy 的 logo 容易被读成"s/ashy"，全屏 demo 视频信息太密，侧边 tab 自动轮播让人永远看不到后面几个；做得好的是首屏就说清了"这是你的智能收件箱"。

"AI agent 天生喜欢加动画、加渐变、加大阴影，但用户是在赶时间——先想想人。"

• 用 AI 生成官网后，做一次"假交互"自查：页面上每个看起来能点的输入框、按钮，要么真能用，要么删掉；再把主 CTA 放大到一眼可见，免费产品的"free"字样别藏在角落。
• 别让模型替你定品牌：Space Grotesque、Instrument Serif 这类"AI 默认字体"和满屏小号全大写，正在变成 2020 年代中期的装修风格，早点定下自己的字体和设计系统。