Integrate the Figma API with the Google Gemini API

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

Start for free — no credit card required

Watch a demo

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

Popular Ways to Connect Figma with Google Gemini#

Generate Content from Text with Google Gemini API on New Comment (Instant) from Figma API

Figma + Google Gemini

Try it

Generate Content from Text and Image with Google Gemini API on New Comment (Instant) from Figma API

Figma + Google Gemini

Try it

Popular Figma and Google Gemini Triggers#

New Comment (Instant) from the Figma API

Emit new event when someone comments on a file

Try it

Popular Figma and Google Gemini Actions#

Delete a Comment with the Figma API

Delete a comment to a file. See the docs here

Try it

Generate Content from Text with the Google Gemini API

Generates content from text input using the Google Gemini 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

Generate Content from Text and Image with the Google Gemini API

Generates content from both text and image input using the Gemini API. See the documentation

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 Google Gemini#

The Google Gemini API is a cutting-edge tool from Google that enables developers to leverage AI models like Imagen and MusicLM to create and manipulate images and music based on textual descriptions. With Pipedream, you can harness this API to automate workflows that integrate AI-generated content into a variety of applications, from generating visuals for social media posts to composing background music for videos. Pipedream's serverless platform allows you to connect Google Gemini API with other apps to create complex, event-driven workflows without managing infrastructure.

Connect Google Gemini#

import { axios } from "@pipedream/platform"
export default defineComponent({
  props: {
    google_gemini: {
      type: "app",
      app: "google_gemini",
    }
  },
  async run({steps, $}) {
    const data = `{{your_promptt}}`;
      //E.g. {"contents":[{"parts":[{"text":"Write a story about a magic backpack"}]}]}
    return await axios($, {
      method: "POST",
      url: `https://generativelanguage.googleapis.com/v1beta/models/gemini-pro:generateContent`,
      headers: {
        "Content-Type": "application/json",        
      },      
      params: {
        key: `${this.google_gemini.$auth.api_key}`,
      },
      data
    })
  },
})

Start for free — no credit card required

Watch a demo