Back to Plugins
get-antd-token

get-antd-token

支持选中figma的元素获取到antd主题色对应的token值

Plugin Preview

get-antd-token preview

About this plugin

# get-antd-token - Ant Design Token 匹配工具


## 简介


get-antd-token 是一个专为设计师和开发者打造的 Figma 插件,帮助您快速匹配 Figma 设计元素与 Ant Design 的设计 Token,实现无缝的设计与开发协作。


## 主要功能


- 🎨 **精准颜色匹配**:选择任意元素,即时获取对应的 Ant Design 颜色 Token

- 💧 **半透明颜色识别**:智能识别半透明颜色,并提供 `rgba(token.colorXXX, 0.x)` 格式的替代方案

- 🔍 **边框与内边距识别**:自动检测元素的圆角和内边距,匹配相应的 borderRadius 和 padding Token

- 📝 **模板管理系统**:支持导入/导出 Token 模板,完全兼容 Ant Design 的主题配置文件

- 🔄 **一键复制**:快速复制 Token 值,轻松粘贴到代码中


## 插件优势


- **提高设计开发效率**:不再需要手动查找颜色代码或测量边距

- **保持设计一致性**:确保使用 Ant Design 官方推荐的 Token

- **简化设计交接**:设计师可以直接提供 Token 名称而非色值

- **支持主题切换**:通过模板管理轻松在不同主题间切换

Plugin Details

Version6
CreatedOctober 16, 2024
Last UpdatedMarch 29, 2025
CategorySoftware development
Creator罗愫愫
Stats6 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    dev
  • Allowed Domains:
    • none