WaveMaker Design to Code
Convert Figma Designs that use popular UI Kits such as Material 3.0 into React, Angular code.
Plugin Preview
About this plugin
Convert Figma Designs that use popular UI Kits such as Material 3.0 into code. Furthermore the generated code can be easily edited in WaveMaker studio. Binding to backend APIs, customizing the pages with business logic is a cinch.Apart from Figma design screens becoming pages in your app, the design token variables, and mode from Figma are also translated in the WaveMaker UI Kit. This powers the pixel-perfect translation of designs but also enables customization of the look and feel using the design tokens editor in WaveMaker studio.
Plugin Details
| Version | 35 |
|---|---|
| Created | January 20, 2025 |
| Last Updated | July 2, 2026 |
| Category | Software development |
| Creator | WaveMaker |
| Stats | 76 installs, 28 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:./dist/index.html
- main:./dist/code.mjs
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- https://api-js.mixpanel.com
- https://autocode.wavemaker.ai/
- https://autocode.wavemaker.ai/autocode/inference
- https://autocode.wavemakeronline.com/
- https://autocode.wavemakeronline.com/autocode/inference
- https://dev-autocode.wavemaker.ai
- https://dev-autocode.wavemakeronline.com/
- https://dev-studio.wavemakeronline.com/
- https://fonts.googleapis.com/
- https://fonts.gstatic.com/
- https://gitex-autocode.wavemakeronline.com/
- https://gitex-studio.wavemakeronline.com/
- https://neptune-studio.wavemakeronline.ai/
- https://neptune-studio.wavemakeronline.com/
- https://notify.bugsnag.com/
- https://sessions.bugsnag.com/
- https://stage-autocode.wavemaker.ai/
- https://stage-autocode.wavemaker.ai/autocode-preview/
- https://stage-studio.wavemakeronline.com/
- https://uranus-autocode.wavemakeronline.com/
- https://uranus-studio.wavemakeronline.com/
- https://www.googleapis.com/
- https://www.wavemakeronline.com/
- https://www.wavemakeronline.com/autocode/inference
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