AD UI Generator
<p>This plugin only works with the UI Language AD UI.</p><p>⭐️ 此插件只适用于设计语言 AD UI。</p><p><br></p><p>This plugin is to generate AD UI React Codes from Figma.</p><p><a href="https://wxad.design/adui" rel="noreferrer noopener nofollow" target="_blank">https://wxad.design/adui</a></p><p><br></p><p>AD 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.</p><p><br></p><p>You can test here:</p><p><a href="https://www.figma.com/file/hA2PQ5QzmN8CI5nPOsxBRH/AD-UI-Generator-Test" rel="noreferrer noopener nofollow" target="_blank">https://www.figma.com/file/hA2PQ5QzmN8CI5nPOsxBRH/AD-UI-Generator-Test</a></p><p><br></p><p>1. select one frame and run plugin.</p><p>2. you'll see React codes and HTML in the iframe.</p><p>3. if your selection change, the HTML and codes in the iframe will update too.</p>
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.
AD 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-Test
1. 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
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.
SkewDat
Skew any layer or group with all layers preserved to edit.