Skip to content →

Figma

We use Figma at Linear and our integrated tools make it easy for you to collaborate on design.

Linear and Figma logos

Overview

There are two ways to connect Figma to Linear to streamline your design and development workflows. The Linear plugin for Figma allows you to create and link issues directly from Figma. A separate integration enables you to embed designs into Linear descriptions, comments and documents.

G then S to go to Settings

Paste the link to embed file

Click on files to open in Figma (no shortcuts)

To update the preview, use E to go into issue edit mode or select the more menu (three dots) to edit a comment, then hover to bring up the refresh button

Configure

Embed Figma previews in Linear

Connect to Figma under Settings > Workspace > Integrations > Figma. We recommend that you do this in a browser and not the desktop client. Once connected, the integration will work across your full workspace.

Linear plugin for Figma

To create or link issues from Figma, select a frame, section or link and run the Linear plugin from Resources > Plugins > Linear or run directly from the Figma community here.

Embed Figma Previews

Preview designs

Simply copy a link to specific frames or files and paste it into a Linear issue description or comment. We automatically convert the link into a design preview. Even if the file changes, the snapshot in Linear remains as it appeared when the comment or description was created.

Open files

Click to preview the embedded file without having to leave Linear. We currently support interactive in-app preview of publicly shared Figma files only. We're considering building support for private files in the future. We built this as a custom integration using Figma's API with their OAuth2 authentication instead of using their standard embed to create a faster experience.

Refresh files

By default, we do not refresh the Figma preview so that you maintain the context of related comments and issue descriptions. To update the preview, go into Edit mode in the issue or comment, then hover over the Figma file. You'll see a Refresh button appear, which you can click to pull the latest version. This action cannot be undone.

Linear Plugin for Figma

Run the plugin to see all Linear issues linked to your designs. From the plugin, select issues or the linked elements below the issue description to be taken to the inked frame, section, or page.

Create issues

When using the Linear plugin from within Figma, select the button to create issues that link pages, frames, and sections of your Figma design. You'll be able to create issues in any teams that you've joined.

Link issues

Link designs to existing issues by searching for the ID, title, or description. From the Linear side, you can link designs to issues by attaching Figma links for the page, section, or frame using Ctrl L. You can link multiple issues to the same design and multiple frames, sections, or pages to a single Linear issue.

Update issues

Update properties such as team, status, assignee, and project directly from Figma. You'll be able to update these at any point during your design process. Any changes made in Linear are immediately synced to the Figma plugin.

Filter and sort

Filter your issues that appear in the plugin window to hide completed or cancelled issues, show only assigned or created by you, and to sort by status, priority, nam, or created date. By default, the plugin will hide canceled issues.

Figma Plugin

Privacy Policy

  1. Terms of Service By authenticating the plugin, you agree to Linear's Terms of Service. Plugin authentication grants you access to Linear's features and functionality.
  2. Figma File Key Transmission When the plugin is opened within Figma, Linear will receive the file key for the current Figma file. When connecting a frame in Figma to a Linear issue, Linear will receive and securely store the file key associated with the respective Figma file. This storage of file keys allows Linear to establish the necessary connection and enable bi-directional linking between Figma and Linear.
  3. Figma File Key Access Any user with access to a Linear issue will also have access to the associated file key for any linked Figma frames.
  4. Data Removal Users have the authority to remove Figma data stored by Linear at any time. This can be achieved by either disconnecting the frame from the Linear issue or deleting the associated team or workspace. To permanently delete your data from Linear’s storage contact security@linear.app
  5. Data Processing All data, including Figma file keys, is processed by Linear in accordance with Linear’s Data Processing Agreement (DPA). The DPA outlines the measures taken by Linear to ensure the privacy and security of customer data. For more details on our data processing practices, please refer to our DPA.

FAQ