Integrate the Figma API with the Node API

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

Popular Ways to Connect Figma with Node#

Run Node Code with Node API on New Comment (Instant) from Figma API

Figma + Node

Try it

Popular Figma and Node Triggers#

New Comment (Instant) from the Figma API

Emit new event when someone comments on a file

Try it

Popular Figma and Node Actions#

Delete a Comment with the Figma API

Delete a comment to a file. See the docs here

Try it

Run Node Code with the Node API

Write custom Node.js code and use any of the 400k+ npm packages available. Refer to the Pipedream Node docs to learn more.

Try it

List Comments with the Figma API

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

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 Node#

Develop, run and deploy your Node.js code in Pipedream workflows, using it between no-code steps, with connected accounts, or integrate Data Stores and File Stores.

This includes installing NPM packages, within your code without having to manage a package.json file or running npm install.

Below is an example of installing the axios package in a Pipedream Node.js code step. Pipedream imports the axios package, performs the API request, and shares the response with subsequent workflow steps:

Connect Node#

// To use previous step data, pass the `steps` object to the run() function
export default defineComponent({
  async run({ steps, $ }) {
    // Return data to use it in future steps
    return steps.trigger.event
  },
})