> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.teleporthq.io/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# 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.**

| xx | xx |
| --- | --- |
| [1. How to install the Figma plugin](#2-1.-how-to-install-the-figma-plugin) | [2. Plugin limitations](#2-2-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](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](https://storage.crisp.chat/users/helpdesk/website/60c4bca58bb99c00/install-plugin_n90976.gif)