DESIGNmd
可以先理解为:用设计规范保持视觉与UX一致
DESIGNmd 像设计的护栏。它不只是说"好看",而是告诉后续实现什么该保留、什么不要再犯。
关键结构图
上层是页面界面,下层是颜色、排版、组件和禁用项四个规则块。
What
DESIGNmd 是把视觉气质、交互原则和组件规则写成可执行设计规范。
DESIGNmd 是设计规格文档。它定义产品的视觉语言、布局规则、颜色、字体、组件行为和设计边界。
StructureDESIGNmd = 视觉原则 + 组件规则 + 禁止事项
When
当一个产品会反复迭代,而且不同 agent 或开发者都会改页面时,需要 DESIGNmd 维持一致性。
How
先写产品气质和参考对象,再定义颜色、排版、组件和动效规则。最后列出明确的 Do / Don't。
Examples
Bricks Planet 的图谱规则会写进 DESIGNmd 或 DESIGN_SYSTEM,后续就不会又变回杂乱 dashboard。
品牌绿、BrickGraph、Link Notes 这些决定都应该沉淀成设计规则,而不是只存在聊天里。
来源
类型:项目实践模型 / 设计规范实践
事实线:DESIGNmd 是 Bricks Planet / First Flight 把视觉原则、组件规则、Do / Don't 和设计边界写成可执行规格的文件形态。
依据:Bricks Planet 的设计系统实践、First Flight 的 spec-driven website workflow,以及产品设计中用 design system / design guidelines 保持一致性的行业实践。
边界:DESIGNmd 是本项目使用的规格载体,不是外部统一标准;它需要随产品真实界面和设计系统一起维护。
常见误读:不要把 DESIGNmd 当成静态审美宣言;它必须能约束组件、布局、动效和后续实现。