🧠 SuperDesign — 为你的 IDE 而生的 AI 设计智能体

🆕 最新动态： SuperDesign Chrome 扩展程序 - 支持克隆任意网站及 UI

SuperDesign 封面

SuperDesign 是第一个植根于你 IDE 中的开源设计智能体。只需通过自然语言提示词（Prompt），即可直接生成 UI 原型图、组件和线框图。与 Cursor、Windsurf、Claude Code 以及原生 VS Code 无缝协作。

✨ “当你可以探索十种方案时，为什么要局限于一种设计呢？” — SuperDesign

🎬 演示视频（点击播放）

🖼️ 产品原型（Product Mock）：通过单个提示词即可即时生成完整的 UI 界面
🧩 UI 组件（UI Components）：创建可直接放入代码中的可复用组件
📝 线框图（Wireframes）：探索低保真布局，实现快速迭代
🔁 分叉与迭代（Fork & Iterate）：轻松复制并演进你的设计
📥 提示词转 IDE（Prompt-to-IDE）：将提示词复制到你常用的 AI IDE（Cursor, Windsurf, Claude Code）中

可以。在初始化 SuperDesign 扩展后，系统会自动添加一些 Cursor/Claude Code 规则，你可以提示智能体进行设计，并在 SuperDesign 画布中预览（快捷键 cmd + shift + p -> 输入 superdesign: open canva）。

如果是使用 Cursor，我强烈建议将 design.mdc 中的提示词复制出来，并在 Cursor 中使用该系统提示词创建一个自定义模式（Custom Mode），这将为你带来更好的性能表现。

操作说明（点击播放）：

你生成的设计会保存在本地的 .superdesign/ 文件夹中。

它是免费且开源的吗？ 是的！我们是开源项目——欢迎分叉、扩展和二次创作。

我可以自定义设计智能体吗？ 可以——你可以使用自己的提示词模板、修改行为或添加指令。

SuperDesign 可以更新现有的 UI 吗？ 完全可以——选中一个组件，描述你的修改需求，剩下的交给智能体即可。

我该如何贡献？ 欢迎提交 Pull requests。欢迎为项目加星并在 Discord 上加入我们！