Back to Plugins
WaveMaker AutoCode

WaveMaker AutoCode

Convert Figma Designs that use popular UI Kits such as Material 3.0 into Angular code.

web appdesign to codecomponent libraryangulardesign systemmaterial design

Plugin Preview

WaveMaker AutoCode 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

Version10
CreatedJanuary 20, 2025
Last UpdatedApril 7, 2025
CategorySoftware development
CreatorWaveMaker
Stats26 installs, 17 likes
PricingFree

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.wavemakeronline.com
    • https://autocode.wavemakeronline.com/autocode/inference
    • https://fonts.googleapis.com/
    • https://fonts.gstatic.com/
    • https://notify.bugsnag.com/
    • https://sessions.bugsnag.com/
    • https://stage-autocode.wavemakeronline.com/
    • https://stage-autocode.wavemakeronline.com/autocode-preview/
    • https://stage-studio.wavemakeronline.com/
    • https://uranus-autocode.wavemakeronline.com/
    • https://uranus-studio.wavemakeronline.com/
    • https://www.wavemakeronline.com
    • https://www.wavemakeronline.com/autocode/inference