Skip to main content

Make Waves ’26 Step into AI’s glass box. Prague, 19–20 Oct.

Register now (opens in a new tab)
Figma
Google Gemini AI

Connect Figma and Google Gemini AI integrations

Explore ready-made Figma and Google Gemini AI templates and start automating in minutes.

Get started free

Create a custom workflow

Transform your design process by connecting Figma and Google Gemini AI through Make—automatically generate descriptions, create content variations, and produce documentation whenever your designs change. Scale your creative operations without code as Google Gemini AI instantly analyzes interface elements, suggests improvements, and generates copy for every Figma update. Eliminate manual tasks and amplify your team's output with intelligent automation that turns design events into actionable AI-powered results.

Create a custom workflow

Every automation starts with a trigger and an action. Select one from each app to generate a workflow tailored to your needs.

Figma
Trigger: Watch File Comments
Google Gemini AI
Action: Select an action
1. Select a trigger

  • Triggers when a new comment is created.

  • Triggers 30 minutes after editing stops in the file.

2. Select an action

  • Creates a new file search store.

  • Deletes a file from a selected files search store.

  • Deletes a file search store.

  • Extracts structured data from text or files.

  • Generates a response for the provided input.

  • Generates a video using the general purpose Gemini model family.

  • Generates a video using the Veo models.

  • Generates an image using Gemini's image generation capabilities.

  • Generates an image using the imagen models.

  • Generate vector representations (embeddings) for the text or file you provide.

  • Generate high-quality, stereo audio from text prompts or from images.

  • Generates an audio file based on text input and settings.

  • Returns detailed information about a file in a file search store.

  • Retrieves details about a file search store.

  • Retrieves the full details of a single interaction (e.g. from a deep research agent).

  • Performs an arbitrary authorized API call.

  • Runs a deep research agent by Gemini.

  • Generates text responses from prompts without requiring an account or connection.

  • Uploads a file so it can be used in the completions or in file search stores.

Select a trigger and an action

Create workflow (opens in a new tab)

Triggers and actions

Connect Google Gemini AI as a trigger and Figma as an action through Make's integration platform to automate your design workflow. When changes occur in Google Gemini AI, the trigger activates Figma to perform actions such as generating design descriptions, creating content variations, analyzing user interface elements, producing copy for prototypes, generating alt text for images, suggesting design improvements, or automating documentation processes. This integration allows Google Gemini AI events to automatically initiate Figma processing of your design assets, enabling you to scale design operations and reduce manual work without writing code.

Create a file search store
Creates a new file search store.
Action
Delete a file in a file search store
Deletes a file from a selected files search store.
Action
Delete a file search store
Deletes a file search store.
Action
Extract structured data
Extracts structured data from text or files.
Action
Generate a response
Generates a response for the provided input.
Action
Generate a video
Generates a video using the general purpose Gemini model family.
Action
Generate a video (Veo) (deprecated)
Generates a video using the Veo models.
Action
Generate an image
Generates an image using Gemini's image generation capabilities.
Action
Generate an image (deprecated)
Generates an image using the imagen models.
Action
Load more

How to set up Figma and Google Gemini AI in 5 easy steps

Date

·

Duration

Step 1

Set up your Figma app

Start by visiting Figma's developer portal and creating a new app. Give your app a name, select your team, and enter the callback URL that Make provides (https://www.integromat.com/oauth/cb/figma). This allows Figma and Make to communicate securely with each other.

Date

·

Duration

Step 2

Save your Figma connection credentials

After creating your Figma app, you'll see a Client ID and Client Secret displayed on your screen. Copy both of these codes and keep them in a safe place, as you'll need them in the next step to establish the connection in Make.

Date

·

Duration

Step 3

Connect Figma to Make

Log into your Make account and add a Figma module to your automation workflow. Click the button to create a new connection, then paste in the Client ID and Client Secret you saved earlier. You can also give your connection a memorable name to easily identify it later.

Date

·

Duration

Step 4

Get your Google Gemini AI access key

Visit Google AI Studio and request an API key by selecting 'Get API key' and then 'Create API key'. Choose your Google Cloud project from the list and generate the key. Copy this API key immediately and store it securely, as you'll use it to connect Google Gemini AI to Make.

Date

·

Duration

Step 5

Connect Google Gemini AI to Make

In your Make account, add a Google Gemini AI module to your workflow and start creating a connection. Paste the API key you copied from Google AI Studio into the appropriate field, optionally name your connection for reference, and save it to complete the setup.

Transform your design workflow with Figma and Google Gemini AI integration

Automate design analysis, documentation, and content creation by connecting Figma with Google Gemini AI. Generate intelligent feedback, improve workflows, and maintain design systems.

Date

·

Duration

Automated design analysis and documentation

Automatically generate comprehensive design descriptions, accessibility reports, and documentation for Figma designs using Gemini's advanced language understanding capabilities.

Date

·

Duration

AI-powered design feedback and suggestions

Use Gemini to analyze Figma design files and provide intelligent feedback on layout, color schemes, typography, and user experience improvements.

Date

·

Duration

Improved design-to-content workflow

Transform Figma design assets into marketing copy, product descriptions, or user interface text automatically using Gemini's natural language generation.

Date

·

Duration

Intelligent design asset organization

Use Gemini to automatically categorize, tag, and create searchable metadata for Figma components and design files based on visual analysis.

Support

FAQs

Everything you need to know about Make. Can't find the answer you're looking for? Please chat to our team.

By connecting Figma and Google Gemini AI through Make, you can automate content generation for your designs. For example, you can automatically generate design descriptions, create alt text for accessibility, translate design content into multiple languages, or even generate copy variations for your UI elements. Make's visual automation platform allows you to set up workflows where Gemini AI processes design data from Figma without manual intervention, saving hours of repetitive work and enabling your team to focus on creative tasks.

Make enables numerous powerful automation scenarios between Figma and Google Gemini AI. You can automatically generate documentation from your Figma designs, create localized versions of design content across multiple languages, generate marketing copy based on design assets, extract and summarize design feedback from comments, or even use Gemini to analyze design patterns and provide suggestions. Make's no-code platform lets you build these workflows through a drag-and-drop interface, making advanced AI-powered design automation accessible without programming knowledge.

No technical expertise is required. Make provides an intuitive visual interface that lets you connect Figma and Google Gemini AI through pre-built modules. You authenticate both applications, select triggers (like when a new design is created in Figma), and define actions (like sending design data to Gemini AI for processing). Make handles all the complex API connections behind the scenes. You can start with templates or build custom workflows step-by-step, and the platform includes helpful guides and a supportive community to assist you along the way.

Using Make eliminates the need for custom coding while being dramatically faster than manual processes. Instead of spending weeks developing API integrations or manually copying content between Figma and AI tools, you can set up automated workflows in minutes. Make also provides built-in error handling, scheduling options, and the ability to connect additional apps to your workflow. Plus, you can modify your automations anytime without touching code. This means faster implementation, lower costs, and the flexibility to scale your design operations as your needs grow.