Selecting the code output format

Inspect your Figma layers as either HTML, Tailwind, React or Vue code.

Open Inspect and select a Figma layer. Use the code-format menu above the generated files to change the output format.

Supported code formats ​

Weblify currently supports selecting the web framework options below:

  • HTML/CSS
  • Tailwind
  • Tailwind (with @apply)
  • React
  • Vue