Skip to end of metadata
Go to start of metadata

You are viewing an old version of this content. View the current version.

Compare with Current View Version History

« Previous Version 49 Next »

How to use Figma for Confluence

  1. After installing the Figma for Confluence app, the app will become available as a Confluence Macro

  2. Click on the plus button at the top right of your screen and click on Other macro’s or View more

  3. Search for Figma for Confluence. Click on Figma for Confluence

  4. In case you are using the app for the first time, you will be asked to fill in your Figma Personal Access Token

  5. Go to Figma & open the Figma file you’d like to embed
    Click on the share button at the top right off your screen

  6. Click on copy link and a share link will be copied to your clipboard

  7. Paste the Figma link into the File modal
    The Figma for Confluence app will load your Figma file

  8. After loading the Figma file, the Figma for Confluence app gives you the possibility to choose
    the Frame you would like too embed.

  9. Click on change to choose a Figma frame instead of the entire Figma file

  10. Select the desired dimensions
    *Keep in mind that one of both dimensions (width & height) needs to be a css unit*

  11. Publish your Figma File or Frame!

Figma Personal Acces Token

In order for the Figma for Confluence app to work we need a Personal Access Token. This token allows us to access the Figma API and retrieve all your Figma Files & Frames.

At the moment you can only enter your Personal Access Token in the app once. It is not possible to enter a different access token for each file or frame you would like too embed.

Therefore, we advise you to create a generic Figma account for Figma for Confluence (for example figmaforconfluence@yourdomain.com) and to create an access token for this account. By creating a generic account the access token is not linked to your personal account.

Please keep in mind that you need to add figmaforconfluence@yourdomain.com to each Figma file you would like to embed

Please take the following steps to create the token:

  1. Login to your Figma account

  2. Head to Help & Account from the top left-menu inside Figma and click on Account Settings

  3. Find the Personal Access Tokens section

  4. Click generate token below and hit “Save”

  • No labels