get-antd-token
支持选中figma的元素获取到antd主题色对应的token值
Plugin 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
| Version | 6 |
|---|---|
| Created | October 16, 2024 |
| Last Updated | March 29, 2025 |
| Category | Software development |
| Creator | 罗愫愫 |
| Stats | 9 installs, 3 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:dev
- Allowed Domains:
- none
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.