Documentation Index

For the complete documentation index, see llms.txt. Markdown versions of docs pages are available through the page's alternate Markdown link.

Current page: Selecting the code output format - Inspect your Figma layers as either HTML, Tailwind, React or Vue code.. Machine-readable page: /weblify/inspect/frameworks.md.

Selecting the code output format

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

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 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:

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