Integrate the Figma API with the Notion API

Setup the Figma API trigger to run a workflow which integrates with the Notion API. Pipedream's integration platform allows you to integrate Figma and Notion remarkably fast. Free for developers.

Popular Ways to Connect Figma with Notion#

List Comments with Figma API on Updated Page from Notion API

Notion + Figma

Try it

Append Block to Parent with Notion API on New Comment (Instant) from Figma API

Figma + Notion

Try it

Create Page from Database with Notion API on New Comment (Instant) from Figma API

Figma + Notion

Try it

Create Page with Notion API on New Comment (Instant) from Figma API

Figma + Notion

Try it

Delete a Comment with Figma API on New Database from Notion API

Notion + Figma

Try it

Popular Figma and Notion Triggers#

New Comment (Instant) from the Figma API

Emit new event when someone comments on a file

Try it

New Database from the Notion API

Emit new event when a database is created. Note: Databases must be shared with your Pipedream Integtration to trigger event.

Try it

New Page in Database from the Notion API

Emit new event when a page in a database is created

Try it

Page or Subpage Updated from the Notion API

Emit new event when a page or one of its sub-pages is updated.

Try it

Updated Page ID from the Notion API

Emit new event when a selected page is updated

Try it

Popular Figma and Notion Actions#

Delete a Comment with the Figma API

Delete a comment to a file. See the docs here

Try it

Append Block to Parent with the Notion API

Creates and appends blocks to the specified parent. See the documentation

Try it

List Comments with the Figma API

Lists all comments left on a file. See the docs here

Try it

Create Page with the Notion API

Creates a page from a parent page. The only valid property is title. See the documentation

Try it

Create Page from Database with the Notion API

Creates a page from a database. See the docs

Try it

Overview of Figma#

The Figma API unlocks the power to automate and integrate design workflows, enabling both designers and developers to extract assets, update designs, and manage files programmatically. By leveraging the Figma API on Pipedream, you can create automated processes that sync design updates with other tools, notify team members of changes, or feed design information into other parts of your digital ecosystem.

Connect Figma#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    figma: {
      type: "app",
      app: "figma",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.figma.com/v1/me`,
      headers: {
        Authorization: `Bearer ${this.figma.$auth.oauth_access_token}`,
      },
    })
  },
})

Overview of Notion#

Notion's API allows for the creation, reading, updating, and deleting of pages, databases, and their contents within Notion. Leveraging Pipedream's platform, you can build workflows that connect Notion with a myriad of other services to automate tasks such as content management, task tracking, and data synchronization. With Pipedream's serverless execution, you can trigger these workflows on a schedule, or by external events from other services, without managing any infrastructure.

Connect Notion#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    notion: {
      type: "app",
      app: "notion",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.notion.com/v1/users/me`,
      headers: {
        Authorization: `Bearer ${this.notion.$auth.oauth_access_token}`,
        "Notion-Version": `2021-08-16`,
      },
    })
  },
})