AD UI Generator

by Aragakey

This plugin only works with the UI Language AD UI.⭐️ 此插件只适用于设计语言 AD UI。This plugin is to generate AD UI React Codes from Figma.https://wxad.design/aduiAD UI is…

FreeFigma

Performance report Open in Figma

Installs

279

Likes

Users

710

Views

1,496

About this plugin

This plugin only works with the UI Language AD UI.

⭐️ 此插件只适用于设计语言 AD UI。This plugin is to generate AD UI React Codes from Figma.https://wxad.design/aduiAD UI is our design language and a React component library. I create this plugin for generating component codes for our developers, so they can write fewer repeated ui codes.

You can test here:https://www.figma.com/file/hA2PQ5QzmN8CI5nPOsxBRH/AD-UI-Generator-Test1. select one frame and run plugin.

2. you'll see React codes and HTML in the iframe.

3. if your selection change, the HTML and codes in the iframe will update too.

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