2018年5月左右,Figma 推出了全局 Style 的功能。而另一个将图形转化为代码的工具 PaintCode 也有类似的 Library 特性,可以帮助用户在绘制时有更多控制,而且还支持变量。

本文作者则将二者结合使用,把 Figma 中的 Color Style 和 Icon,导入到 PaintCode 中,再由 PaintCode 导出高质量的 StyleKit 供 iOS 开发使用。

由 PaintCode 导出高质量的 StyleKit 供 iOS 开发使用

而对于安卓,则可以建立一个 xml 变量表,相当于样式变量是由设计师严格把控的,这对于后期更换样式有很大的便利:

建立一个 xml 变量表给安卓

作者还翻译了 Paintcode 的英文文档,感兴趣的话可以去研究一下。