Weblify Figma Plugin

Install & Activate Weblify

Using Weblify

Frequently Asked Questions

Weblify Features

Weblify Free vs Pro

Compare Free vs Pro features

  • Inspect a Figma layer’s markup and styles with one click.
  • Toggle between HTML/CSS, Tailwind, React or Vue code output.
  • Integrates with Figma’s native “Dev Mode” inspector panel.
  • Supports auto-layout, wrapping and min/max Figma properties.
  • View a live HTML preview of your HTML in the plugin.
  • Instantly copy code directly to your clipboard.
  • Download your code component as a .zip file.
  • Includes assets folder if your layers contain images.
  • No external APIs or logins required.