What do you want to automate

with Figma and TinyPNG?

Prompt, edit and deploy AI agents that connect to Figma, TinyPNG and 2,500+ other apps in seconds.

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Compress Image with TinyPNG API on New Comment (Instant) from Figma API
Figma + TinyPNG
 
Try it
Convert Image with TinyPNG API on New Comment (Instant) from Figma API
Figma + TinyPNG
 
Try it
Resize Image with TinyPNG API on New Comment (Instant) from Figma API
Figma + TinyPNG
 
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
Compress Image with the TinyPNG API

Compress a WebP, JPEG, or PNG image using the TinyPNG API. See the documentation

 
Try it
List Comments with the Figma API

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

 
Try it
Convert Image with the TinyPNG API

Convert your images to your desired image type using TinyPNG. See the documentation

 
Try it
Resize Image with the TinyPNG API

Create resized versions of your uploaded image. See the documentation

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

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

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}`,
      },
    })
  },
})

Overview of TinyPNG

The TinyPNG API lets you compress and optimize image files efficiently. With this API, you can shrink the size of PNG and JPEG files without a noticeable loss in quality, making it a crucial tool for improving website load times and saving bandwidth. On Pipedream, you can automate image optimization workflows, harnessing the power of TinyPNG to process batches of images, integrate with CMS platforms, trigger optimizations from various events, and more.

Connect TinyPNG

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
module.exports = defineComponent({
  props: {
    tinypng: {
      type: "app",
      app: "tinypng",
    }
  },
  async run({steps, $}) {
    const results = await require("@pipedream/platform").axios($, {
      method: "post",
      url: `https://api.tinify.com/shrink`,
      auth: {
        username: `api:${this.tinypng.$auth.api_key}`,
        password: ``,
      },
      data: {
        "source": {
          "url": "https://tinypng.com/images/panda-happy.png"
        }
      },
    })

    const retVal = results.output
    retVal.original_image_metadata = results.input 
    return retVal
  },
})

Trusted by 1,000,000+ developers from startups to Fortune 500 companies

Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo
Adyen logo
Appcues logo
Bandwidth logo
Checkr logo
ChartMogul logo
Dataminr logo
Gopuff logo
Gorgias logo
LinkedIn logo
Logitech logo
Replicated logo
Rudderstack logo
SAS logo
Scale AI logo
Webflow logo
Warner Bros. logo