AD UI Generator
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.
Plugin Preview
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.
Plugin Details
| Version | 15 |
|---|---|
| Created | September 21, 2020 |
| Last Updated | December 17, 2020 |
| Category | Software development |
| Creator | Aragakey |
| Stats | 278 installs, 14 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/code.js
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code