项目简介
SuperDesign：首个开源 AI 设计 Agent，直接嵌入你的 IDE，助力设计效率质的飞跃。
• 通过自然语言指令即时生成完整产品界面、UI 组件和线框图，支持快速迭代与多方案探索🧩
• 无缝兼容 Cursor、Windsurf、Claude Code 和 VS Code，实现设计与开发无缝衔接
• 本地保存所有设计数据，支持设计复刻、修改和自定义提示模板，灵活满足个性化需求
• 开源免费，鼓励社区贡献，助力设计工具生态持续进化
• 适合设计师与开发者协同工作，提升设计原型制作与前端交付效率的最佳利器
从“描述需求”到“生成设计”，SuperDesign践行设计自动化的本质——用 AI 解放创造力，专注产品创新与用户体验提升。
🚀 功能特性
-
🖼️ 产品原型：通过单个提示即时生成完整 UI 界面 -
🧩 UI 组件：创建可重用的组件，直接拖入代码中 -
📝 线框图：探索低保真布局以快速迭代 -
🔁 分叉与迭代：轻松复制和演进设计 -
📥 提示到 IDE：将提示复制到您最喜欢的 AI IDE（Cursor、Windsurf、Claude Code）
🛠️ 快速入门
-
从 Cursor/VS Code 市场安装扩展 -
打开 SuperDesign侧边栏面板 -
输入一个提示（例如，“设计一个现代登录界面”） -
查看生成的模型图、组件和线框图 -
分支、修改并粘贴到你的项目中
我可以使用自己的 Claude 代码或 Cursor 订阅吗？
是的，在您初始化 superdesign 扩展后，一些 cursor/claude 代码规则将被添加，这样您就可以提示代理在 superdesign 画布中进行设计和预览（cmd + shift + p -> superdesign: 打开画布）
如果使用 Cursor – 我强烈建议将提示复制到’design.mdc’中，并在 Cursor 中创建一个使用相同系统提示的自定义模式；这应该能给你带来更好的性能
📂 我的设计存储在哪里？
您生成的设计保存在 .superdesign/ 本地。
扫码加入技术交流群，备注「开发语言-城市-昵称」
（文：GitHubStore）