把项目保存为设计系统

一次好 run 的回报不是文件——是它底下的系统。完成的项目可以保 存为 design system:工作产出的 token、组件和规则,带进下一个 项目,让你的品味持续累积而不是每次重置。

保存了什么

保存的系统捕获设计真实的语言:

  • Tokens ——项目沉淀下来的颜色、字号阶梯、间距和圆角
  • 组件 ——工作用到的模式(卡片、按钮、导航)
  • 规则 ——项目的检查所固化的 design-kit 增补

和手写的的设计系统会承载的内容一样,只是从一个项目里蒸馏出来, 而不是凭空编写。

怎么保存

面前放着满意的结果时,从项目菜单把项目保存为系统——它会落到全 局 Systems 屏幕,和其他已保存系统排在一起。起一个描述美学 的名字,不是项目名——"quiet editorial dark",而不是"launch page v2"——因为你要复用的是系统,不是那件成品。

Systems 屏幕——准备给下一个项目做种的已保存设计系统

怎么使用

下一次创建项目时,选这个已保存系统——新构建从它的 token 和组件 开始,而不是空白方向或通用默认。系统像方向一样塑造第一次构建, 只不过这份品味是你的:第二个项目继承第一个项目学到的东西。

免费档保存系统上限 3 个;Pro 不限。归档一个会释放名额。

它擅长什么

  • 产品一致性 ——每个项目从同一个真实系统起步
  • 品牌携带 ——品牌看板的 token 成为下一个网站的种子
  • 品味累积 ——kit 学会你留下的东西,一个又一个项目
  • 团队语言 ——每个人都从同一套共享系统构建

系统 vs 方向 vs 模板

  • Saved system ——你的美学,从完成的项目里蒸馏
  • Direction ——内置的起手美学,17 选 1
  • Template ——输出格式(幻灯片、网站、移动端),不是风格

方向是快速起步;保存的系统是快速以你的方式起步。

Tip: 趁早从你骄傲的项目保存系统——第二个项目就继承它,品味 从那时开始复利,而不是每次冷启动。

相关阅读