WaveMaker Design to Code
by WaveMaker
Convert Figma Designs that use popular UI Kits such as Material 3.0 into React, Angular code.
Installs
79
Likes
29
Users
763
Views
2,529
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.
More software development plugins
View allBuilder.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.
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
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.