Figma integration

Integrate ClickUp and Figma to streamline your design workflow.

With our Figma integration, you can:

You can also embed Figma content in ClickUp.

What you'll need

  • The Figma integration is available on all ClickUp plans.
  • Only the Workspace owner and admins can enable Figma as a Workspace connection.
  • Guests cannot use the Figma integration.
  • Personal Connected Search is available on the Business Plus and Enterprise Plans.
  • Workspace Connected Search is available on the Business Plan and above.

Connection types

The features and commands available depend on which type of connection you use.

Connection type Description Features Commands

Personal connection

Connect your Figma account with your ClickUp user account for each Workspace you've created or joined. The data in your Figma account will not be available to anyone else through ClickUp.

Personal Connected Search:

Search public and private files from your connected Figma account. No one else can search for files from your personal connections.

Open Figma command: Open Figma in a new tab.

Create New Figma File: Create a new Figma design.

Create New Figma Jam: Create a new Jam.

Workspace connection

The Workspace owner or admins can enable Figma as a Workspace connection.

Use this connection to give everyone access to connected search.

Workspace Connected Search:

Enable all Workspace members to search for any public files from the account you connect. Private files can not be searched.

 

Enable the Figma integration

You can enable the Figma integration from the App Center or Command Center.

App Center

You can set up either Figma connection type from the App Center. Once connected, you'll need to manually enable Connected Search for each available connection type.

From the App Center:

  1. Search for and select Figma.
  2. Select the Personal or Workspace tab.
  3. Click Connect.
  4. Sign in to your Figma account to authorize access.

Command Center

You can set up your first Figma connection from the Command Center. If available, Connected Search will be automatically enabled for the connection type you choose.

From the Command Center:

  1. Under the search bar, click Apps.
    Screenshot highlighting the Apps button in Command Center.png
  2. Under Figma, click Connect.
  3. Under Personal Connection or Workspace Connections, click Connect.
  4. Sign in to your Figma account to authorize access.

Search Figma files using Connected Search

After enabling the Figma integration, you can manually enable Personal or Workspace Connected Search.

Once Connected Search is enabled, you'll need to copy and paste the link to specific teams or projects into ClickUp.

Add Figma links to Connected Search

From the App Center in ClickUp:

  1. Search for and select Figma.
    • To use Workspace Connected Search, click the Workspace tab.
  2. Click the toggle to enable Connected Search.
  3. In Figma, navigate to a team or project.
  4. Copy the URL from your browser address bar or click the ellipsis ... in the top right and click copy link.
  5. Paste the URL into the Figma URL field in the App Center.
  6. Press Enter or Return, or click the Add button.
  7. Your ClickUp search results will include items from the Figma project and teams you've linked.

Screenshot of two connected Figma URLs.png

Remove Figma links from Connected Search

You can remove Figma projects and teams you've previously linked to ClickUp to use in Connected Search.

From the App Center in ClickUp:

  1. Search for and select Figma.
    • To manage Workspace Connected Search, click the Workspace tab.
  2. Click the X to the right of a Figma project or team you've previously added.
  3. Your ClickUp Search results will no longer include items from that project or team.

You can re-add Figma links at any time.

Disconnect the Figma integration

If you no longer need to access Figma files in ClickUp, you can disconnect the integration from the App Center:

  1. Search for and select Figma.
  2. Depending on your connection type, select the Personal or Workspace tab.

    Only owners and admins can disconnect Workspace connections.

  3. Next to Connected, click the ellipsis ... menu.
  4. Select Disconnect.
  5. To confirm, click Disconnect.

Was this article helpful?