UI设计师手动整理组件设计规范文档的过程非常繁琐和耗时,而且容易出现疏漏和错误。
当UI设计师需要频繁更新或者修改文档时,手动整理文档的工作量会非常庞大,效率低下。
手动整理文档也容易受到设计师个人经验和习惯的影响,导致规范不一致或者缺乏细节。
EightShapes Speces是一款最新上线的自动生成组件设计规范文档的免费插件,只需要选中组件实例然后点击运行插件,能够根据现有的组件生成设计规范文档。
文档内容主要包括了:组件的结构解剖、属性、布局和间距等。
◇Anatomy(结构解剖)
解剖结构将组件分解为多个部分,逐项列出并命名每个部分,并且可以描述视觉属性(如文本颜色)和配置属性(嵌套组件依赖项)。
当插件遇到嵌套组件时,它会停止遍历组件的层次结构,此时可以对嵌套组件再次执行运行插件。
◇属性(Properties)
属性部分会列举组件的每个属性,并列出视觉属性和嵌套组件属性的详细差异。
间距部分说明了填充、边距(在 Figma 中,项目间距)、方向和其他。
EightShapes Speces可以大大减少设计师手动整理文档的工作量,从而让设计师有更多时间专注于创意和创新的工作。