所谓 design tokens,我们可以理解为设计系统中的设计样式,比如颜色、字体、间隔等等。一般在 Figma 中我们会使用 style 功能来统一管理,以便在其他地方复用。

同样地,对于开发来说他们也会把统一的样式存储为变量,这样就可以在其他地方复用了。在某种程度上设计师和开发管理 design tokens 的方式殊途同归,那么我们能否直接提取 Figma 中的 style 生成样式变量,直接交付给开发呢?这样可以省很多事情。

design tokens

这位设计师就尝试了使用 Figma API 来做这件事,这篇文章记录了他的探索过程。同时,他还提供了一个 demo,你可以直接从示例文件生成一个包含 design tokens 的 JSON 文件。