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: Install and run the Weblify Figma Plugin - Ensure you're logged into your Figma account, then follow the steps below to install and run the [Weblify Figma Plugin](https://www.figma.com/community/plugin/927336249307137996/weblify-code-inspector-beta).. Machine-readable page: /weblify/overview/install.md.

Install and run the Weblify Figma Plugin

Ensure you're logged into your Figma account, then follow the steps below to install and run the Weblify Figma Plugin.

Video Tutorial: How to install (and remove) Figma plugins

This video tutorial is a complete step-by-step guide showing you the new process of how to install (and remove) Figma plugins after the mid-2024 "UI3" update to the Figma app

Installing the Weblify Figma Plugin ​

  1. Open any Figma file.
  2. Click on the Actions icon in the bottom Figma toolbar.
  3. Click the Plugins & Widgets tab to filter results to Figma plugins.
  4. Search for Weblify in the search bar.
  5. Click on the Weblify search result.
  6. Click the Save button to install the Weblify plugin.

Figma users in a Figma Organization may only be able to install approved plugins. Please contact your Figma Org admin at your company to approve the Weblify plugin if you're unable to install certain Figma plugins.

Running the Weblify Figma Plugin ​

Once you've installed the Weblify Figma plugin, to run the plugin in your Figma file:

  1. Right-click anywhere on your Figma file's page canvas
  2. Hover your mouse over the Plugins ▶ menu item
  3. Hover your mouse over the Saved plugins ▶ menu item
  4. Click on the Weblify plugin menu item

After you've run the Weblify plugin once in a Figma file, you'll be able to quickly re-launch it by clicking the Weblify icon in the right-hand side Figma column (under the Plugin subheading).

Only Figma users with Edit access to a Figma file can run a Figma plugin in that Figma file; if you only have View permissions, you won't be able to run any Figma plugins in that file.

Uninstalling the Weblify Figma plugin ​

  1. Open any Figma file.
  2. Click on the Actions icon in the bottom Figma toolbar.
  3. Click the Plugins & Widgets tab to filter results to Figma plugins.
  4. Search for Weblify in the search bar.
  5. Click on the Weblify search result.
  6. Click the Remove button to uninstall the Weblify plugin.

This will remove the plugin from your Saved Plugins list, however, the Figma plugin may still show up under your Recents list (if it has been recently run), as Figma saves this list of recent plugins in your browser's/app's local storage. The plugin will vanish from the Recents menu after other plugins are run to take its place.