Skip to content

Quick Token

产品介绍

Quick Token 是一款面向 Figma Variables 的可视化变量整理插件,当前版本聚焦 Figma 文件中的本地变量库。它会把变量名称拆成清晰的层级图谱,让你不用在变量面板里逐条查找,也能快速看清 token 的命名结构、复用关系和当前取值。

Quick Tokenhttps://www.figma.com/community/plugin/1565911741981397733/quick-token

变量图谱

  • 自动拆解变量命名
    支持识别 /-_.、空格和驼峰命名,将变量名拆成可阅读的词元节点。

  • 看清层级与复用关系
    相同词元会合并到同一个节点,变量之间共享了哪些命名层级、哪些路径比较分散,都可以直接在图上看出来。

  • 在图上整理变量结构
    可以新增词元、连接节点生成新的变量路径,也可以重命名、删除或拆分已有路径。适合整理语义层、补齐中间层、调整命名归类。

变量查看与编辑

  • 变量库与模式切换
    支持切换不同变量库和模式,快速检查 Light / Dark、多品牌、多主题等场景下的变量状态。

  • 直观看到变量值
    颜色、数值、文本、布尔值会直接展示在节点中,多层级变量会汇总到结果节点里,方便检查当前 token 是否符合预期。

  • 编辑变量属性
    双击变量或结果节点后,可以在右侧面板调整变量类型和值,并支持同类型变量之间的引用关系切换。

  • 词元与变量互转
    普通词元可以转换为真实变量;不需要作为变量存在时,也可以还原为普通词元。整理结构时,不必频繁回到 Figma 原生变量面板中操作。

词典与更改提交

  • 命名词典
    插件会根据当前变量库生成词典,统计词元出现次数,并区分完整变量名和普通词元,方便发现高频命名和不一致的表达。

  • 提交前确认更改
    所有新增、修改、删除都会先进入更改列表。确认无误后,再通过“提交更新”同步回 Figma 变量,避免边整理边直接写入造成混乱。

  • 拦截不支持的类型修改
    对于 Figma 不支持直接提交的变量类型变更,插件会在提交前阻止同步,减少不可预期的变量写入问题。

适合的使用场景

  • 设计系统变量数量较多,需要快速看清 token 层级。
  • 准备统一变量命名,想发现重复词元、孤立命名或结构不一致的问题。
  • 需要在不同模式下检查颜色、数字、文本、布尔变量的取值。
  • 想通过图谱方式整理语义变量,而不是逐条打开变量面板修改。

更新日志

2025年12月10日

修复了一些bug

2025年12月2日

正式发布