You can add live embeds of your public Figma files to JIRA issues. To do this, first install the Figma JIRA add-on. Then copy the Figma URL of any public Figma document and paste it on a JIRA issue page. A preview will appear. It's that easy!

Read on for how to install the add-on, how to use it, and some details on permissions.

Installing the add-on

To install the add-on, open the settings dropdown in JIRA and choose Add-ons.

Once on the Add-ons page, search for Figma for JIRA in the marketplace search box and click Install.

Using the add-on

After installing the add-on, all JIRA issues will have a new section called Designs.

Simply paste the URL to a public Figma file into the input box and click Add Design. You'll see an embed of the Figma file appear inline.

You can also share embed a live preview of a specific frame, instead of a preview to the entire file.

Figma in the browser

  1. Open your Figma file 
  2. Select the individual frame you'd like to embed in JIRA
  3. You'll notice the file URL is appended with ?node-id=XXXX  
  4. Paste this URL into the box and click Add Design

Figma desktop app

  1. Open your Figma file
  2. Select the individual frame you'd like to embed in Dropbox Paper
  3. Click the Share button
  4. In the dialogue, select the box for Link to selected frame
  5. Choose Copy shareable link to this file
  6. Paste this URL into the box and click Add Design

Permissions

The Figma JIRA add-on only works with public Figma files. To see if a Figma file has public access enabled:

  1. Open the file and click the Share button in the top right corner of the toolbar. You should see a window like the one below. 
  2. Make sure it reads, Anyone with the link can view or Anyone with the link can edit.

Check out our blog for more about our integration with JIRA

If you're interested in embedding your Figma files in Confluence, check out this blog post by Ben Kopf at ADP.

Read more about Permissions and be sure to check out our video on Sharing Files

Did this answer your question?