Figma

Figma is the leading collaborative design tool for building meaningful products.

Integrate the Figma API with the Formatting API

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

[Data] Convert JSON to String with Formatting API on New Comment (Instant) from Figma API
Figma + Formatting
 
Try it
[Data] Parse JSON with Formatting API on New Comment (Instant) from Figma API
Figma + Formatting
 
Try it
[Date/Time] Add/Subtract Time with Formatting API on New Comment (Instant) from Figma API
Figma + Formatting
 
Try it
[Date/Time] Compare Dates with Formatting API on New Comment (Instant) from Figma API
Figma + Formatting
 
Try it
[Date/Time] Format with Formatting API on New Comment (Instant) from Figma API
Figma + Formatting
 
Try it
New Comment (Instant) from the Figma API

Emit new event when someone comments on a file

 
Try it
Delete a Comment with the Figma API

Delete a comment to a file. See the docs here

 
Try it
[Data] Convert JSON to String with the Formatting API

Convert an object to a JSON format string

 
Try it
List Comments with the Figma API

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

 
Try it
[Data] Parse JSON with the Formatting API

Parse a JSON string

 
Try it
[Date/Time] Add/Subtract Time with the Formatting API

Add or subtract time from a given input

 
Try it

Overview of Figma

With the Figma API you can:

  • Build interactive prototypes
  • Share shorcuts and snippets with the community
  • Create and manage your design system
  • And much more!

Connect Figma

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
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}`,
      },
    })
  },
})

Connect Formatting

1
2
3
4
5
6
export default defineComponent({
  async run({ steps, $ }) {
    const text = ' Hello world! ';
    return text.trim()
  },
})