umijs/max 设计师指南

Ant design

ant design 是蚂蚁集团开源的组件库，我们公司项目使用 ant design V5 。设计师在设计时尽量贴合该组件库设计风格，节省开发成本。
首页包括定制主题，还有与研发相结合的一些介绍，可以了解下。

定制主题

进入主题编辑器，页面如下，解释下该页面的功能：

• 左侧为可视化配置面板，右侧为预览面板
• 全局表示该配置对所有组件生效，组件则只对当前组件生效
• 颜色可修改主题色相关变量，尺寸修改文字大小、间距，风格修改圆角、阴影
• 设计师修改配置后，导出配置文件发给前端开发人员即可
  
  

用于设计

确定好主题变量之后，设计师可以根据主题变量的值，设置一套变量用于自己喜欢的设计平台，保持风格统一。
在设计平台上定义的变量名与 ant design 主题变量名保持一致，具体有哪些变量，参考主题编辑器左侧配置面板。

推荐设计工具： kitchen，使用文档
大大提升设计师与工程师的协作效率：https://www.yuque.com/kitchen/doc/custom-token