The Figma for Jira integration bridges the gap between design and development by linking frames directly to tickets in your AI-enhanced project workflow. Designers attach Figma frames to Jira issues, and developers see live design previews without leaving their board. The result is a faster, cleaner design-to-dev handoff.
You need a Figma account with edit access and a Jira Cloud site where you can install Marketplace apps. The integration is free on all plans. It works two ways: Figma frames appear as live preview widgets inside Jira tickets, and Jira ticket statuses are visible inside Figma. You can also connect Figma to GitHub, Notion, and Slack for a complete workflow.
How to Connect Jira to Figma in 2026
- Step 1: Go to the Figma for Jira page on the Atlassian Marketplace and click Get it now.
- Step 2: Select your Jira Cloud site and click Install to add the Figma widget to your Jira instance.
- Step 3: Open any Jira issue, click the Figma widget in the issue panel, and sign in to your Figma account to authorize the connection.
- Step 4: Paste a Figma frame URL into the widget to link a specific design to that Jira ticket. The live preview thumbnail appears instantly.
- Step 5: In Figma, install the Jira widget for Figma to view linked ticket statuses directly on your design canvas.
FAQ: Figma and Jira
› Is the Figma for Jira integration free?
Yes. The Figma for Jira app is free to install and use on all Figma plans and all Jira Cloud plans. You get live design previews, frame linking, and design status tracking at no extra cost.
Yes. The Figma for Jira app is free to install and use on all Figma plans and all Jira Cloud plans. You get live design previews, frame linking, and design status tracking at no extra cost.
› Can I attach Figma frames to Jira tickets?
Yes. You can link specific Figma frames, components, or pages to any Jira issue using the Figma for Jira widget. The linked frame appears as a live preview thumbnail directly inside the Jira ticket.
Yes. You can link specific Figma frames, components, or pages to any Jira issue using the Figma for Jira widget. The linked frame appears as a live preview thumbnail directly inside the Jira ticket.
› Does the Figma Jira integration show live previews?
Yes. The Figma for Jira widget renders a live thumbnail of the linked design frame inside the Jira ticket. When the designer updates the frame in Figma, the preview in Jira updates automatically.
Yes. The Figma for Jira widget renders a live thumbnail of the linked design frame inside the Jira ticket. When the designer updates the frame in Figma, the preview in Jira updates automatically.
› Do I need Figma admin access to set up the integration?
No. Any Figma user with edit access to a file can link frames to Jira tickets. However, a Jira site admin needs to install the Figma for Jira app from the Atlassian Marketplace the first time.
No. Any Figma user with edit access to a file can link frames to Jira tickets. However, a Jira site admin needs to install the Figma for Jira app from the Atlassian Marketplace the first time.
› Does the Figma Jira integration work with Jira Server?
The official Figma for Jira app supports Jira Cloud only. Jira Server and Data Center are not supported. You would need a third-party connector or manual link sharing for on-premise Jira installations.
The official Figma for Jira app supports Jira Cloud only. Jira Server and Data Center are not supported. You would need a third-party connector or manual link sharing for on-premise Jira installations.
Why Use Figma with Jira
- Link specific Figma frames to Jira tickets so developers always reference the correct, latest version of a design.
- See live design previews inside Jira issues without opening Figma, reducing context switching for engineers during sprint planning.
- Track design-to-dev handoff status by viewing Jira ticket progress directly on the Figma canvas using the Jira widget.
- Eliminate outdated screenshots and stale PDF exports — the Figma preview in Jira updates automatically when the designer saves changes.
- Give product managers a single view of design and implementation status on every ticket in the Jira backlog.
- Figma connects to many tools — see the complete guide to Figma integrations for the full list.
How to Use Figma with Jira Efficiently
- Link frames, not full pages — attach the specific frame for a component or screen to the relevant ticket so developers see exactly what to build.
- Use the Jira widget inside Figma — place it next to your design frames so you can check ticket status and priorities without switching to the Jira board.
- Pair with Figma’s Slack integration to receive comment notifications on linked designs in the same channel where developers discuss the Jira ticket.
- Update the Figma frame before marking a Jira ticket as Ready for Dev — the live preview ensures engineers always see the latest approved design.
- Create a naming convention for frames that matches Jira ticket keys (e.g., PROJ-142-login-screen) to make linking fast and searchable.
- Combine with Figma’s Notion integration to embed design specs in product requirement documents that reference the same Jira tickets.
What You Can Do With Figma and Jira
- Attach Figma frames to issues — paste a Figma URL into the Jira widget and see a live thumbnail of the design directly inside the ticket detail view.
- Live preview updates — when a designer modifies a linked frame in Figma, the thumbnail in Jira refreshes automatically with no manual re-upload needed.
- View ticket status in Figma — use the Jira widget on the Figma canvas to see the status, assignee, and priority of linked tickets alongside your designs.
- Link multiple frames per ticket — attach different design states (default, hover, error, mobile) to the same Jira issue for complete handoff context.
- Browse linked designs in the backlog — scan Jira tickets with Figma widgets to quickly identify which issues have approved designs and which still need work.
- Share design context in sprint reviews — open a Jira ticket and show the live Figma preview to stakeholders without switching between apps during the meeting.
Best Prompts to Try With Figma and Jira
Open any Jira ticket, click the Figma widget, and paste the frame URL for the login screen design to link it.
In Figma, add the Jira widget next to your component frames and connect it to your Jira site to see ticket statuses on the canvas.
Link the mobile and desktop variants of the checkout page to the same Jira ticket so developers see both breakpoints.
Before marking a ticket as Ready for Dev, update the linked Figma frame and verify the live preview in Jira shows the latest version.
Use frame naming that matches Jira keys — name your frame PROJ-205-settings-page so linking and searching is instant.
During sprint planning, open each Jira ticket's Figma widget to confirm that all design specs are attached and up to date.
Share a Jira ticket link in the #design-review Slack channel so reviewers can click through to both the ticket details and the live Figma preview.
Figma Integrations: The Complete Guide | Figma for Jira | Figma Help Center
