Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Contact Us
  • Home
  • Help – Figma Learn
  • Common questions
  • What integrations does Figma have?
  • Collaboration

Notion and Figma

Written by Figma Man

Updated at June 19th, 2025

Contact Us

If you still have questions or prefer to get help directly from an agent, please submit a request.
We’ll get back to you as soon as possible.

Please fill out the contact form below and we will reply as soon as possible.

  • Administration – Figma Learn
    Manage files and projects Manage a team Manage your account Manage a Figma organization Manage Enterprise plan settings and permissions Billing Manage Figma in a school
  • Figma Design – Figma Learn
    Create prototypes Import and export Create designs Tour the interface Dev Mode Work together in files Build design systems Figma Draw
  • Get started – Figma Learn
    Set up your account Layers 101
  • FigJam – Figma Learn
    Import and export Run meetings Work on boards Tour the interface
  • Community – Figma Learn
    Explore the Community Creator tools and resources
  • Help – Figma Learn
    Troubleshoot Common questions Work with support
  • Work across Figma – Figma Learn
    Figma AI Work across Figma
  • Courses, tutorials, projects – Figma Learn
    Courses Projects
  • Figma Slides – Figma Learn
    Create and edit slides Present slide decks Tour the interface Import and export
  • Figma Buzz – Figma Learn
    Templates in Figma Buzz Create and edit assets in Figma Buzz Overview
  • Figma Make – Figma Learn
    Tour the interface Work with Figma Make
  • Figma Sites – Figma Learn
    Design a site Create webpages and breakpoints Make your site interactive Preview and publish a site Tour the interface
+ More

Table of Contents

Embed a Figma file preview in Notion

Notion is an all-in-one workspace that combines your important work tools, like notes, docs, wikis, and project management, in one collaborative and customizable space.

Embedding a Figma file preview lets you add your Figma files to Notion. File previews are automatically synced with Figma so the latest changes will be reflected in Notion. This allows you to:

  • View Figma files inside your meeting notes, project documentation, or design specs
  • Share designs with teammates who may not have access to Figma
  • Collect design feedback from collaborators
Note: Embedded Figma files only work in browser-based applications. To use embedded files in Notion, you must use Notion in the browser and not the desktop application.

Embed a Figma file preview in Notion

You can embed a file preview for any Figma file or prototype. Anyone with access to the Notion doc will be able to view the file preview in Notion.

When you embed a file, you have the option to link to a specific page or top-level frame within the file by copying its link.

  1. Open the page and select the top-level frame you'd like the embed to show (optional).
  2. Click Share in the right sidebar.
  3. Click Copy link.

Copy link

You can paste the link directly or use the /figma or /embed slash commands to add the embed in Notion.

  1. Go to the Notion page where you’d like to share your Figma file preview.
  2. Type /figma or /embed to add an embed block. Paste the URL you copied to add the embed.
    • Alternatively, you can simply paste the URL. If you paste the URL without using a slash commend, choose how you want the embed to show:
      • Select Paste as preview to display the file as an inline preview.
      • Select Paste as mention to link to the file using a stylized link.
      • Select Paste as link to link to the file using a standard URL.
        Notion-Integration-Update-gif.gif

Notion may ask you to authenticate with Figma to access the file.

Tip! Learn more about Notion link previews in this guide on Notion's Help Center.

The Notion integration was built using Figma's REST API. Check out Figma's REST API documentation to learn how to build your own.

Was this article helpful?

Yes
No
Give feedback about this article

Related Articles

  • Figma and Google Docs
  • FigJam and Google Classroom
  • Dropbox and Figma
  • Jira and Figma
  • Confluence and Figma
  • Blog
  • Best practices
  • QR code generator
  • Color wheel
  • Colors
  • Color picker
  • Color palettes
  • Color palette generator
  • Color contrast checker
  • Font Library
  • Templates
  • Developers
  • Integrations
  • Affiliate program
  • Resource library
  • Reports and insights
  • Support
  • Status
  • Legal and privacy
  • Modern slavery statement
  • Climate disclosure statement
  • COMPARE
  • Sketch
  • Adobe XD
  • Framer
  • Miro
  • COMPANY
  • Events
  • Customers
  • Careers
  • Newsroom
Expand