Ant Design Theme Configurator
And and customize your Ant Design to Figma Variables.
Plugin Preview
About this plugin
Stop creating Variables manually. Bridge the gap between Ant Design code and Figma.What this plugin does:V5 Token Generation: It uses Ant Design’s theme algorithms to generate color, numerical (spacing, radius, border), and boolean variables exactly as they exist in code.Full Customization via Seed Tokens: The plugin includes a visual editor where you can adjust the AntD "Seed Tokens". As you tweak these seeds, the plugin instantly recalculates and updates the derived variables in Figma.Semantic Organization: Variables are neatly grouped into Collections and Modes, mirroring the AntD structure.Component Ready: The generated variables are designed to be applied directly to UI components, ensuring your Figma design system perfectly matches your production Ant Design implementation.
Plugin Details
| Version | 1 |
|---|---|
| Created | March 2, 2026 |
| Last Updated | March 2, 2026 |
| Category | ui-kits |
| Creator | Seshan |
| Stats | 2 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/index.html
- main:dist/code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the ui-kits category.