Duply是什么
Duply是一个专门为使用AI编码工具构建网站、应用和SaaS产品的人群打造的设计系统参考库。它将真实产品界面转化为实用的DESIGN.md文件，详细描述一个设计系统在视觉与交互上的实际感受：从字体排印、间距、色彩、组件、布局模式、交互节奏，到整体视觉方向。开发者不再需要让AI从模糊的提示中凭空创造风格，而是可以从Duply库中选择一个参考，复制DESIGN.md，将其作为清晰的设计指南融入工作流。这使AI生成的界面从一开始就更加一致、精致且有意图。
核心优势
- 真实参考驱动：基于真实产品界面提取设计规范，而非抽象理论，确保AI生成结果具有行业级视觉品质。
- 即拿即用：只需复制DESIGN.md文件，无需手动调整数百个参数，大幅减少提示词反复试错。
- 覆盖全面：包含字体、间距、颜色、组件、布局模式、交互节奏等完整设计系统要素，一次性提供统一风格。
- 跨工具兼容：可用于任何支持Markdown的AI编码工具（如Cursor、Copilot、Claude等），无缝集成现有工作流。
适用人群
- 创始人：快速验证产品UI方向，无需雇佣专业设计师即可获得商业级界面。
- 开发者：为AI助手提供明确的设计约束，避免生成随机、不协调的样式。
- 设计师：作为灵感参考或快速原型基础，加速设计系统搭建。
- AI构建者与Vibe Coder：追求高效开发，希望减少反复调整提示词的精力消耗。
如何使用Duply
- 访问Duply库，浏览按类型（如SaaS、电商、工具类）分类的参考界面。
- 选择符合项目风格的产品界面，点击获取其DESIGN.md文件。
- 将DESIGN.md粘贴到AI编码工具的上下文（如系统提示或项目文档中）。
- AI将根据该设计系统生成一致、协调的组件和页面，无需额外调整。
与传统设计系统库的区别
| 特性 | Duply | 传统设计系统库（如Material Design、Ant Design） |
|---|---|---|
| 输出格式 | DESIGN.md（纯文本，适合AI读取） | 代码组件库、样式文件、文档 |
| 目标用户 | AI编码工具使用者 | 手工编码的开发者/设计师 |
| 风格来源 | 真实产品界面提取 | 内部设计团队定义 |
| 上手成本 | 复制粘贴即可 | 需安装依赖、配置主题 |
Duply专注于让AI理解并复现真实世界的设计语言，而非提供代码实现，是AI辅助开发时代的高效设计加速器。