Figma to Code plugin installation

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

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

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

Check installation

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 does not yet support

Masks
Background blur and layer blur
Rotations
Radial gradients
Shadow tokens
Component overrides and variants
GIFs

Updated on: 18/07/2023