Marvin把多年的设计经验提炼成了一套显式的约束系统，然后跟模型一个组件一个组…

Marvin把多年的设计经验提炼成了一套显式的约束系统，然后跟模型一个组件一个组件地来回打磨。

想让模型输出干净的UI，你得给它喂一些护栏：

8px基础网格
严格的24px内边距
统一的24px圆角

最多2种字体（Inter + Serif）
最多2-3种字重，因为模型天然会过度使用太多字重

从优秀的参考开始
从那里微调
手工挑选图片和艺术方向

为什么这个项目值得关注？

1. 实用性强：解决AI生成UI中的实际痛点。

1. 效率提升：通过约束系统，让AI生成更专业的UI，效率显著提升。

1. 项目创新：用约束系统设计AI生成UI，创新性强。

1. 社区支持：有活跃的社区支持，持续更新和改进。

技术亮点：

• 8px基础网格：让AI生成的UI更规范。

• 24px内边距：让AI生成的UI更美观。

• 24px圆角：让AI生成的UI更统一。

• 2种字体：让AI生成的UI更简洁。

实际使用场景：

• UI设计：用这个约束系统设计UI。

• AI生成UI：用这个约束系统让AI生成更专业的UI。

• 设计规范：用这个约束系统建立设计规范。

• 团队协作：用这个约束系统让团队协作更高效。

这个项目真的太实用了，让AI生成专业UI的秘诀：Marvin的约束系统设计原则，未来可期。