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 | 6 installs, 1 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
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI