本文分享了作者利用AI辅助设计，尝试通过设计规范约束AI行为的实践过程。作者在实际项目中遇到AI生成结果不符合规范的问题，进而构建了一套AI设计规范。通过提供明确的提示词、设计规范以及样式文件，作者希望AI能够精准还原设计需求。尽管目前方案仍处于初级阶段，但作者对实现全流程自动化设计充满期待，并希望与社区共同探索更优解决方案。

🎨 **问题导向：** 作者在使用Trae和cursor等工具时，发现AI生成的代码经常不符合设计规范，尤其是在多语言和颜色模式的修改上，导致需要手动调整。

💡 **解决方案：** 为了解决AI生成结果不符合规范的问题，作者创建了AI设计规范，并尝试通过明确的提示词、设计规范和样式文件来约束AI的行为。

🛠️ **实现方式：** 作者构建了一个AI设计规范，用户在创建项目时只需输入功能需求和设计规范链接，AI即可根据规范自动生成样式，例如主题切换、多语言和响应式设计等。

🚀 **项目成果：** 作者基于此规范，开发了一个PDF转文档的工具，其配色、字体和布局堪称完美，并从该项目中抽离了AI设计规范。

🤔 **未来展望：** 作者认为目前的方案只是临时解决方案，期待有更完善的开发规范，以实现全流程自动化设计，并希望与社区共同探讨更优解决方案。

项目仓库：github.com/Id8fun/AIDe…项目地址：aidesign.id8.fun/demo

最近在用Trae 和 cursor 写代码，真的是要气死我了，每次随机生成东西，接了figma mcp页老是自由发挥，然后我就在想有没有办法让他听话点，按照我的设计规范走，起码不要瞎几把发挥

当然理想是好的，现实是一些很小的交互他依然会遗漏

我让他给我改一下多语言和颜色模式，他说改好了“然而并没有”，虽然自己看代码能找到问题并准确描述，这个时间和我手动辱骂差不多，况且需要模拟纯白用户能够一键描述生成项目

改了很多版之后问题依然没有得到解决，然后他又跟我说好了

这个时候我已经逐渐暴躁了，经过多轮辱骂改好了

好了言归正传，我希望能最终实现的效果是，给提示词的时候只需要像这样，讲清楚功能需求，贴上设计规范后ai可以精准还原我的需求，最好是直接丢figma 给我1:1搞出来

作为产品是有非常强烈的需求希望能实现这样的效果，但是能力有限现在页只能先试验设计规范统一，前两天做了一个pdf转文档的工具，配色字体布局堪称完美

然后就按照这个项目抽离出来了一个ai的设计规范，创建项目时只需要输入请使用ID8FUN设计规范创建[组件名称]： 设计规范：https://github.com/Id8fun/AIDesign-Guidelines.git 规范文件：AI-DESIGN-GUIDE.md 要求：严格按照规范创建，包含主题切换、多语言、响应式设计ai根据项目内的核心文件 自动生成样式

AI-DESIGN-GUIDE.md
AI设计规范（必读） design-system.css
完整样式系统 demo.html
组件演示页面 design-config.json
机器可读配置

不过说到底这也只是能力有限和技术不成熟的产物，只能用来临时解决问题，如果各位大佬有更好的思路清留言评论期待有大佬可以出一个开发规范，可以实现全流程自动化 『doges』