Theme Buddy for Ant Design is a Figma plugin that simplifies working with Ant Design themes. It has an export feature that lets you save Figma theme settings as JSON files, making it easy for developers to ensure their code matches Figma designs. It also has an import feature that allows you to apply theme settings from your code directly into Figma.
The export tab 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.
The import tab lets you transfer theme settings from your code into Figma, ensuring consistent styling between your Ant Design React app and Figma designs. For example, if you already have styling applied to your React app, you can copy the ConfigProvider theme settings and paste them into the plugin import tab. The plugin will then apply changes to variables.
The Free version lets you try out the Light Theme Export feature. Install the plugin from the Figma Community and use it with the Ant Design System for Figma version 5.11 or later.
The Full version offers comprehensive features:
The Full version of the Theme Buddy plugin is available through:
You can learn how to use the Theme Buddy Figma plugin in our documentation.
You can try out the light theme Export feature for free - install the Theme Buddy via Figma Community. You need Ant Design System for Figma version 5.11 or newer. If you wish to get the full version of the Theme Plugin and access all features you can purchase it in a monthly/yearly subscription on this page or in our Premium or Ultimate packages.
You can learn how to use the Theme Buddy plugin in our documentation available in our documentation.
