Notion Integration (Power-up)

How to integrate Figma in Notion

People always loved editing online. Though, Figma is one of the most loved apps when it comes down to that simply because it's a 100% browser-based editor. That's so cool, right?

If you're on this page, it's most likely that you already know what Notion.so is. So, if you love both Figma and Notion, this tutorial is for you, because we're now going to show you all about integrating Figma files in Notion.

The process itself of embedding Figma in Notion is really easy, so don't stress - it's just a simply copy & paste job. Let's check it out!

How to integrate Figma in Notion

To integrate Figma in Notion, you jsut have to copy the URL of your Figma post and paste it in Notion. Here are the steps:

  1. Copy the Figma URL (link)
  2. Paste it in Notion
  3. Click "Embed Figma"

Thats' genuinelly all you have to do in order to embed Figma in Notion. Not so hard, is it?

Though, to make sure that everybody gets this right, let's continue this post with an in-depth tutorial of how you can integrate Figma in Notion.

1. Copy a Figma file's link

We'll start this guide simply by going to Figma. Once you're in the library with your files, make sure to select the one that you want to embed in Notion.

how to add figma files in notion

Got there? Cool. Now all you have to do is to copy the URL (the link) of your file from the search bar.

You can either copy the URL of your Figma file from the search bar of your browser, or you can simply click the "Share" button (top-right corner of the document) and copy the link. This is the same link as the one from the search bar.

2. Paste Figma in Notion

Going to Notion, now you simply have to paste the link that was preivously copied to your clipboard.

Upon pasting the Figma URL, you should see these 3 options:

  1. Dismiss
  2. Embed Figma
  3. Create bookmark
how to embed figma in notion

For your Figma file to be previewed in Notion, you simply need to select the "Embed Figma" option.

After doing so, you will see the working preview of your Figma document right inside your Notion page, like so:

how to integrate figma in notion

There goes the Figma preview. It looks pretty cool, doesn't it? The best part is that embedding figma in Notion was this easy.

Can you embed Figma files in Notion?

Yes, you can. All you have to do is copy the URL of your Figma document, paste it in Notion, and then hit "Embed Figma". That's it!

For more like this, make sure to browse the library of Notion integrations. Thank you for reading this tutorial!

Got any other question?
Need help with anything else? Use the live chat button in the lower right corner → we'll do our best to clarify things for you!
Back to all the guides