Ant Design Theme Configurator

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.