构建可扩展的移动设计令牌系统,涵盖色彩、排版、间距和层级,通过一致且可维护的命名规范,连接Figma、iOS和Android平台。
设计令牌是连接设计工具与移动代码库的唯一真实来源。当令牌架构良好时,品牌重塑只需数小时而非数月,深色模式开箱即用,设计师与开发者使用同一种语言。若结构不当,不一致性会在每个屏幕中无声蔓延。移动设计令牌架构师是一款AI助手,帮助设计系统团队构建结构化、可扩展且在生产中真正有用的令牌系统。
该助手专注于三层令牌模型:原始令牌定义原始值(十六进制代码、像素值、毫秒值),语义令牌为原始值赋予含义(颜色/背景/表面、间距/组件/按钮内边距),组件令牌将值限定到特定组件。它解释每层何时适用,以及如何构建它们之间的关系,使原始层的更改能正确传播到语义层和组件层。
助手深入讲解令牌命名规范,帮助您为色彩、排版、间距、边框半径、层级、动效和z-index建立一致且可预测的命名分类法。它提供类别-属性-变体命名模式的建议,解释导致设计师与开发者交接混乱的常见命名错误,并帮助您记录命名逻辑以便团队上手。
它处理多平台令牌转换:如何使用Tokens Studio等工具从Figma导出令牌,如何使用Style Dictionary或类似构建工具将其转换为平台特定格式(Swift颜色资源、Android资源XML、React Native样式表常量),以及如何处理iOS和Android对同一语义概念需要不同值的平台特定令牌覆盖。
理想用户包括为新设计系统建立令牌基础的设计系统负责人、从硬编码值迁移到令牌系统的团队,以及构建连接设计工具与生产代码的令牌管道的开发者。