Please note that Weblify is currently still in BETA and the code output will continually improve with upcoming plugin updates.

After running the Weblify Figma plugin, ensure that the Inspect Code tab is selected, then you can instantly change the format of the code output in the Weblify inspector window by clicking on the code format drop down selector, which will render the code output in the selected framework of your choice.

Supported Code Formats in Weblify

Weblify currently supports selecting the web framework options below:

  • Tailwind
  • Tailwind (with @apply)
  • React
  • Vue