Integrate the Figma API with the GitHub API

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

Popular Ways to Connect Figma with GitHub#

Create Issue with GitHub API on New Comment (Instant) from Figma API

Figma + GitHub

Try it

Search Issues and Pull Requests with GitHub API on New Comment (Instant) from Figma API

Figma + GitHub

Try it

Create Branch with GitHub API on New Comment (Instant) from Figma API

Figma + GitHub

Try it

Create Gist with GitHub API on New Comment (Instant) from Figma API

Figma + GitHub

Try it

Create Issue Comment with GitHub API on New Comment (Instant) from Figma API

Figma + GitHub

Try it

Popular Figma and GitHub Triggers#

New Comment (Instant) from the Figma API

Emit new event when someone comments on a file

Try it

New Branch from the GitHub API

Emit new event when a branch is created See the documentation

Try it

New Card in Column (Classic Projects) from the GitHub API

Emit new event when a (classic) project card is created or moved to a specific column. For Projects V2 use New Issue with Status trigger. More information here

Try it

New Collaborator from the GitHub API

Emit new event when a collaborator is added See the documentation

Try it

New Commit from the GitHub API

Emit new event when commits are pushed to a branch See the documentation

Try it

Popular Figma and GitHub Actions#

Delete a Comment with the Figma API

Delete a comment to a file. See the docs here

Try it

Create Issue with the GitHub API

Create a new issue in a Gihub repo. See docs here

Try it

List Comments with the Figma API

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

Try it

Search Issues and Pull Requests with the GitHub API

Find issues and pull requests by state and keyword. See docs here

Try it

Create Branch with the GitHub API

Create a new branch in a Github repo. See 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 GitHub#

The GitHub API is a powerful gateway to interaction with GitHub's vast web of data and services, offering a suite of endpoints to manipulate and retrieve information on repositories, pull requests, issues, and more. Harnessing this API on Pipedream, you can orchestrate automated workflows that respond to events in real-time, manage repository data, streamline collaborative processes, and connect GitHub with other services for a more integrated development lifecycle.

Connect GitHub#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    github: {
      type: "app",
      app: "github",
    }
  },
  async run({steps, $}) {
    return await axios($, {
      url: `https://api.github.com/user`,
      headers: {
        Authorization: `Bearer ${this.github.$auth.oauth_access_token}`,
        "X-GitHub-Api-Version": `2022-11-28`,
      },
    })
  },
})