Installing Figma to Code plugin

Find out how to install the Figma to Code plugin which will help you turn Figma designs to code, automatically.

How to install the Figma plugin
Plugin limitations

1. How to install the Figma plugin

Visit the Figma plugin page

Visit Figma plugin page

Click on the link below to go to the TeleportHQ - Figma to Code plugin page.

https://www.figma.com/community/plugin/992726161890204477/teleportHQ---Figma-to-Code---Export-HTML%2C-CSS%2C-React-%26-Vue

Install plugin

Install plugin button

Click the Install plugin button at the top of the page. The plugin should take only a few seconds to install.

Check installation

Installed Design to Code plugin

Open a project in Figma and from the top bar click on the Figma dropdown menu > Plugins. The TeleportHQ Design to Code plugin should appear there.

2. Plugin limitations

The current version of the TeleportHQ Design to Code plugin has the following limitations:

Masks
Background blur and layer blur
Scales & rotations
Radial gradients
Shadow tokens
Component overrides and variants
GIFs
Rich-text elements
Was this article helpful?
Cancel
Thank you!