喜欢某个网站的版式，却不知道怎样拆解颜色、排版和组件？Aura 的 DESIGN.md 工作流可以把视觉风格信息整理成明确的设计约束，再用于重新构建自己的网页。它适合做设计研究和原创落地页，而不是自动复制别人的品牌、图片和完整代码。
本文由胖桃（PT.CX）基于可核对的官方资料重新整理。配图为原创操作示意，不代表真实软件截图，也未使用第三方教程的推广内容。
适合什么场景？
把 DESIGN.md 当作设计指导书而非代码生成魔法。先分别对导航、Hero、卡片和文章页进行单元验收，再调全站的视觉一致性。最终原创内容和品牌素材要重新设计。
从零开始的操作流程
胖桃原创步骤图示。
- 步骤 1：选择可合法参考的目标网站。
- 步骤 2：拆解排版、字体、色彩和间距。
- 步骤 3：整理成可复用的 DESIGN.md。
- 步骤 4：用自己的内容实现并检查响应式。
中文提示词示例
为一个中文 AI 工具收藏网站制定 DESIGN.md：整体气质温暖但克制，主色米白和珊瑚橘，正文使用高可读无衬线字体。定义导航、文章卡片、列表、CTA、按钮悬停状态和移动端间距，并写明禁止复制参考站 Logo 与独家插画。
建议以最小可行结果开始，每次只加入一项新的要求，遇到错误先检查前一步的输出和工具权限，不要只重复生成。
局限与注意事项
旧教程中“一键完整克隆网站”的表述不宜照搬。Aura 官方课程强调从参考风格学习并迭代修改，源站的字体授权和图片使用权仍需核对。
若涉及第三方网站、视频、用户信息或品牌素材，请自行核对许可与隐私要求；本文不意味着胖桃已对所有套餐和功能进行实测。
胖桃小结
将工具用在明确的小任务中，再逐步建立可复用的工作流，通常比追求一次完美结果更可靠。站在读者角度，最终还应核对实际显示效果和导出质量。
官方入口与说明
© 版权声明
文章版权归作者所有，未经允许请勿转载。
