Figma’s AI-driven design workflows move fast, and the engineering team needs to keep up without chasing links across channels. The Linear integration attaches Figma frames directly to issues and project tickets — every task that involves UI work points to the exact design it references. No more guessing which version is current.
You need a Figma account and a Linear workspace. The integration is free on all plans. It is read-only from Linear’s side: engineers can view previews and click through to Figma, but all edits happen in Figma. For a complete workflow, connect Figma to Slack, GitHub, and Notion as well.
How to Connect Linear to Figma
- Open Linear and go to Settings > Integrations.
- Find Figma in the list and click Enable.
- Authorize Linear to access your Figma account when prompted.
- Paste any Figma link into a Linear issue to confirm the preview renders correctly.
- To disconnect, return to Settings > Integrations and remove the Figma connection.
FAQ
› Is the Figma Linear integration free?
Yes. The integration is free on all Linear plans. You need a Figma account with access to the files you want to link.
Yes. The integration is free on all Linear plans. You need a Figma account with access to the files you want to link.
› Can developers edit Figma files from Linear?
No. The integration is read-only from Linear’s side. Developers can view design previews and click through to Figma, but all edits happen in Figma.
No. The integration is read-only from Linear’s side. Developers can view design previews and click through to Figma, but all edits happen in Figma.
› Do Figma previews in Linear update when the design changes?
Yes. The link preview in Linear reflects the current state of the Figma file. When you update a frame, the preview updates automatically.
Yes. The link preview in Linear reflects the current state of the Figma file. When you update a frame, the preview updates automatically.
› Can I attach multiple Figma links to a single Linear issue?
Yes. You can paste multiple Figma URLs in a Linear issue description or comment. Each one renders its own preview.
Yes. You can paste multiple Figma URLs in a Linear issue description or comment. Each one renders its own preview.
› Does this integration work with FigJam files?
Yes. FigJam links unfurl in Linear just like standard Figma design files, so you can attach brainstorm boards and flowcharts to issues.
Yes. FigJam links unfurl in Linear just like standard Figma design files, so you can attach brainstorm boards and flowcharts to issues.
Why Use Figma with Linear
- Every engineering ticket that touches UI links directly to the Figma frame it implements — no ambiguity about what to build.
- Figma link previews unfurl inside Linear issues, so developers see the design without switching tools.
- Product managers can scan the backlog and instantly see which tickets have designs attached and which are still waiting.
- Design review becomes part of the issue workflow — mark a ticket as “Design Ready” only when the Figma link is attached.
- Sprint planning is faster when every issue already contains a visual reference that the team can discuss inline.
- Linear is one of many tools Figma connects to — see the complete guide to Figma integrations for the full list.
How to Use Figma with Linear Efficiently
- Attach Figma links at issue creation, not after — make it a required field in your team’s issue template.
- Link specific frames instead of full files so the developer lands on the exact screen they need to build.
- Use Linear sub-issues to break a design into individual components, each with its own Figma frame link.
- Add a Figma link to the acceptance criteria section so QA can compare the implementation against the approved design.
- Update the Figma link when the design changes mid-sprint — Linear previews refresh automatically, keeping everyone on the latest version.
- Tag design issues with a “needs-design” label and filter by it to see everything waiting on Figma work.
What You Can Do With Figma and Linear
- Attach design files to issues — paste a Figma URL and Linear renders a live thumbnail showing the frame, file name, and page.
- Preview prototypes in context — link an interactive Figma prototype so reviewers can click through the flow before the developer starts coding.
- Track design coverage — filter issues by whether they contain a Figma link to identify tickets shipping without design review.
- Reference FigJam boards — attach brainstorm sessions, user flow diagrams, and research boards directly to the issue they inform.
- Centralize handoff — developers open the linked Figma frame, switch to Dev Mode, and extract measurements and code snippets from one place.
- Maintain a design changelog — when a design is revised, comment on the Linear issue with the updated Figma link so the history is preserved.
Best Prompts to Try With Figma and Linear
Create a Linear issue for the settings page redesign and attach the Figma frame link showing the new layout in the description.
Add a Figma prototype link to every issue in the current sprint that is labeled 'frontend' and does not already have a design reference.
Set up a Linear issue template that includes a required Figma Link field so no UI task is created without a design attached.
List all completed Linear issues from last sprint that do not contain a Figma link — these shipped without design review.
Attach the Figma component library frame to the Linear project overview so every developer can find the design system in one click.
Break the dashboard redesign into five Linear sub-issues — one per section — and link each to its corresponding Figma frame.
Comment on the Linear issue with the updated Figma link after the design review and tag the assigned developer to start implementation.
Figma Integrations: The Complete Guide | Linear Documentation | Figma Dev Mode
