Articles on: Figma integration

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

Figma plugin installation

Updated on: 18/07/2023

Was this article helpful?

Share your feedback

Cancel

Thank you!