Skip to content

Import From Figma

You can import your designs from figma to your project. Here are the things you need to do.

How To Import From Figma

  • In order to use Figma API a “Personnel Access Token” is required. This token allows you to access your Figma account and access Figma data programmatically.

  • The following steps can help you create a Personnel Access Token:

    1. Log into your Figma account and go to the “Account Settings” section.
      1. Go to the “Personal Access Tokens” section.
      2. Click on the “Generate a new token” button.
      3. Give a name for the token and select the desired access permissions.
      4. Click on the “Generate” button and save the generated token.

Note

Store the token in a secure place and never share it with others, as anyone with this token can access your Figma account and data. Also, if you want to change or delete the token later, you can do so from the “Account Settings” section.

Performing the import operation in the IDE

  1. Click on your username in the upper right corner.
  2. Select ‘settings’ from the drop down menu.
  3. Then select figma components from the drop down options.
  4. Click on the ‘import from figma’ tab under the username in the upper right corner of the opened figma components page.
  5. In the window that opens, enter the user token you will use for your project and enter your project id.Then click on ‘connect figma’ tab.
  6. Then, select the designs you want to import that appear in the imported design field and click on import selected.As a result of all these operations, the import process will take place.

Sample Usage

See Also