Theme Buddy for Ant Design

by Matt Wierzbicki

Transfer theme settings from Figma to React by converting Figma variables into a JSON format

FreeFigma

Performance report Open in Figma

Installs

444

Likes

Users

2,431

Views

3,327

About this plugin

Theme Buddy for Ant DesignTheme 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.

Learn moreRequirementsMust have the Ant Design System for Figma version 5.20 or newer.

Compatible only with Ant Design System for Figma and AntBlocks UI, not with other UI kits.JSON output is usable in the React version of Ant Design (5.0+).

How to use it?

Read the documentation here.

More software development plugins

View all

Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)

by Steve Sewell

Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.

410.3K 23.4K

Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder

by Anima

Anima - AI Design to code, Vibe code, Vibe design

400.6K 17.8K

SkewDat

Paid

by Unfold

Skew any layer or group with all layers preserved to edit.

276K 7.3K

Zeplin

Paid

by Zeplin Crew

Design tools are for designing. Zeplin is for clear, structured design delivery.

183.3K 2.9K