Theme Buddy for Ant Design

Transform variables from Ant Design System for Figma to JSON

Theme Buddy for Ant Design is a Figma plugin that lets you copy or save the Ant Design System for Figma theme settings as JSON. It takes the data from Figma variables and converts it to a JSON format that developers can use to modify the ConfigProvider component so the code version of the project will look exactly the same as the Figma version.

View short demo

Theme Buddy for Ant Design is a handy translator between your Figma design and your Ant Design project's code. It takes the variable settings you have in the Ant Design System for Figma, like colors, numbers, and other style elements, and transforms them into JSON.

Once you have this JSON file, your developers can use it to make sure that the actual code of your project matches the design you've created in Figma. It's like a recipe that helps maintain design consistency from the Figma to the final product.

Requirements

  • You need to have Ant Design System for Figma version 5.11 or a newer
  • This tool only works with the Ant Design System for Figma, and won't work with other UI kits
  • The JSON can be used in the React version of Ant Design

How to use it?

Read the documentation here.

Questions and Answers

Is Theme Buddy a free plugin?
expand_more

For a limited time, the Theme Buddy plugin will be available at no cost. Following the beta phase, it will be restricted to Premium Package owners only.

How to use the plugin?
expand_more

You can learn how to use the Theme Buddy plugin in our documentation available here.

Theme Buddy plugin for Figma
Theme Buddy for Ant Design
  • check
    Dedicated Plugin for Ant Design System for Figma
  • check
    Copy Theme Settings as JSON
  • check
    Save Theme Settings as JSON
View on the Figma Community