Save time flipping between tabs and copy/pasting by connecting Superhuman Docs and Figma. There are currently three main ways to bring these tools together:

• Embeds: Embed your Figma or FigJam files directly into Superhuman Docs, either as a full page or within an existing page.

• FigJam widget: This widget lets you visualize Superhuman Docs tables inside FigJam files and makes actioning brainstorms easy.

• Figma Pack: Sync data tables from Figma into your doc, write Figma-specific formulas, and take action in Figma with the click of a button.

Figma embeds

With Docs' embedding features, you can embed Figma files directly into your doc. You can either create full-page embeds, where a Figma file takes the place of a page. Or you can embed Figma files into the canvas, alongside text and other content.

To create a full-page embed:

1. Within your doc, at the bottom of your page list, click on the down arrow ( v ) next to New page. Select New page embed.

2. You’ll see a grid of different tools you can embed from. Select Figma from the options.

3. In the field provided, paste the link to the Figma content you’d like to embed. Then click Update.

From there, you can update the page title and icon, and manage the page just like you would other pages in your doc. If you need to update the Figma link at any point, simply click on the gear icon in the upper right corner of the page.

To embed within the canvas:

1. Find the spot on the canvas where you’d like to embed your Figma content, and type /embed. Then choose Embed from the list of options.

2. Paste the Figma link into the field provided, and click Create.

To learn more about embedding third-party content in your docs, check out this article.

Figma Pack

A Pack is an extension that connects to outside tools and adds new powers to your doc. With the Figma Pack, you can sync your Figma files, projects, images, and components directly into your docs. Some tables in the Figma Pack even support two-way sync, which means you can edit the Figma data directly in Docs, and those edits will be reflected in Figma.

To install the Figma Pack in your doc, simply type /Figma into any blank line of your doc, then select Figma (under More Packs), then click Add to doc.
 

Once the Pack is installed, you can start making use of its building blocks. Check out this guide for instructions and inspiration on getting started with the Figma Pack.

FigJam widget

So what can you do with the FigJam widget? The widget offers two key integrations:

1. Import FigJam sticky notes and reactions into a Docs table, where you can sort, filter, group, and integrate other apps in our Packs ecosystem.

2. Turn rows from a Docs table into visual sticky notes in FigJam.

You can use this widget whenever you’re working between Docs tables and FigJam stickies. These integrations unlock a number of potentially powerful scenarios. For instance, use this widget to...

• Turn ideas from FigJam into next steps in Docs.

• Ideate tasks in FigJam, then assign owners in Docs.

• Visualize objectives and roadmaps in FigJam and track them in Docs.

• Take action on reflections from retrospectives or pre-mortems.

• Generate questions in Docs, then brainstorm solutions in FigJam.

To get started, you will need to add the Docs widget from the Figma community (Part 1), then sync your FigJam board to a table in your doc (Part 2). Check out the sections below for step-by-step instructions.

Part 1: Connect the widget

First, you need to connect the FigJam widget to your Docs account and Docs table. To do so, follow these steps:

1. In your FigJam canvas, click + in the bottom right of the toolbar.

2. Then search Superhuman under the Widgets tab.

3. Select the Superhuman widget, then click Get started.

4. If you haven’t yet, you’ll need to connect to your Superhuman Docs account using an API token.

   1. To get this token, go to superhuman.docs.com/account, scroll to the API Settings section, and click on Generate API token. Give the token a name and generate. Then copy the newly created token. Finally, back in FigJam paste this token into the widget’s text field.

5. Follow the prompts in the widget to connect to a table.

   1. You’ll need to copy the link to the table within Superhuman Docs. To do so, hover over the table, click the vertical three-dot menu to the left of the table title, then select Copy link from the options. Then, back in FigJam, paste this link into the widget.

6. Now you’ll see a tile for a Superhuman table in FigJam. Click on the gear icon in the upper-right corner, then match the columns in your table to data in FigJam. Hit Save settings when you’re done.

That’s it for Part 1. Continue to Part 2 below.

Part 2: Export stickies to Docs

Now that you’ve connected your FigJam and Superhuman Docs via the widget, you can start exporting stickies to Docs. To do so, follow these steps:

1. In FigJam, use the cursor to select the stickies and sections you want to export.

2. Click Convert stickies to rows.

Your stickies should now appear in your Docs table!

FAQs

How do I update the link of an embed?

You can update the link of an existing full-page embed by clicking into the page, then clicking the gear / page icon in the upper right corner. Then paste the new link and click Update.

To update the link of an embed in the canvas, click on the pencil icon in the upper right corner of the embed, paste in the new link, and click Update.

Related resources

• Overview: Use Packs in Superhuman Docs

• Embed third-party content in your doc

• Figma Pack guide | Superhuman Docs guides

• The Figma Pack | Pack listing page