OpenAI (ChatGPT, Whisper)

Figma

Connect OpenAI (ChatGPT, Sora, DALL-E, Whisper) and Figma integrations

Explore ready-made OpenAI (ChatGPT, Whisper) and Figma templates and start automating in minutes.

Get started free

Create a custom workflow

Transform your design workflow by connecting OpenAI (ChatGPT, Sora, DALL-E, Whisper) to Figma through Make—automatically pushing AI-generated content, visuals, transcriptions, and videos directly into your design projects. Eliminate manual transfers and watch as creative briefs, design assets, and feedback flow into Figma frames the moment OpenAI produces them. Set up once, and let AI-powered automation revolutionize how your team creates and collaborates.

Create workflow

Triggers and actions

Connect Figma as a trigger and OpenAI (ChatGPT, Sora, DALL-E, Whisper) as an action through Make's integration platform. When OpenAI generates content—such as creative briefs from ChatGPT, visual assets from DALL-E, transcribed feedback from Whisper, or video content from Sora—it triggers an automated workflow that pushes this output directly into your OpenAI (ChatGPT, Sora, DALL-E, Whisper) projects as an action. This trigger-action integration eliminates manual transfers by automatically flowing AI-generated design content into OpenAI (ChatGPT, Sora, DALL-E, Whisper) frames, creating design assets, or updating project files whenever OpenAI produces new outputs. Set up Figma as the trigger point that initiates the workflow, and configure OpenAI (ChatGPT, Sora, DALL-E, Whisper) as the action destination that receives and implements the AI-generated content.

Analyze images (Vision)

Analyzes images according to specified instructions.

Action

Cancel a batch

Cancels an "in-progress" batch. The batch will be in status "cancelling" for up to 10 minutes, before changing to "cancelled", where it will have partial results (if any) available in the output file.

Action

Create a batch

Creates and executes a batch of API calls.

Action

Create a skill

Creates a new skill.

Action

Create a skill version

Creates a new immutable skill version.

Action

Create a vector store or add files

Creates a new vector store and optionally adds files to it, or adds files to an existing vector store.

Action

Delete a conversation

Deletes an existing conversation.

Action

Delete a response

Deletes an existing model response.

Action

Delete a skill

Deletes a skill. This action cannot be undone.

Action

How to set up OpenAI (ChatGPT, Whisper) and Figma in 5 easy steps

Date

· Duration

Step 1

Get your security credentials from Figma

Before you can connect Figma to Make, you need to obtain special security credentials from Figma's developer page. Visit figma.com/developers/apps while logged into your Figma account, then click 'Create' to set up a new app. Name your app something memorable like 'Make Integration,' choose your team, and if prompted, enter the callback address: https://www.integromat.com/oauth/cb/figma. Figma will then provide you with a Client ID and Client Secret—these are like a username and password that allow Make to securely communicate with your Figma account. Copy both of these credentials carefully and store them somewhere safe, as you'll need them in the next steps.

Date

· Duration

Step 2

Open your Make scenario

Log into your Make account and navigate to the scenario where you want to use Figma. A scenario is the workflow you're building to automate tasks between different applications. Look for the option to add a new module to your scenario and select Figma from the list of available apps. Once you've added the Figma module, you'll see an option to create a connection—this is where you'll link Make to your Figma account using the credentials you obtained earlier.

Date

· Duration

Step 3

Create a new connection

When you click to create a connection in Make, a window will appear asking for your connection details. You can give your connection a descriptive name to help you remember what it's for, especially if you plan to create multiple connections later. This optional step makes it easier to manage your integrations and keep track of which connection serves which purpose in your various scenarios.

Date

· Duration

Step 4

Enter your Figma credentials

In the connection window, you'll see fields asking for your Client ID and Client Secret. Paste the credentials you copied from Figma into these respective fields, being careful to ensure accuracy—even a single incorrect character will prevent the connection from working. Take your time with this step and double-check that both the Client ID and Client Secret are entered correctly before proceeding to the final step.

Date

· Duration

Step 5

Establish the connection

After entering your Client ID and Client Secret, click the button to establish the connection between Make and Figma. Make will use these credentials to securely link to your Figma account, allowing the two services to communicate and share data. Once the connection is successfully established, you'll be able to use Figma's features within your Make scenarios to automate your design workflows and integrate Figma with other applications in your toolkit.

Transform your design workflow with AI-powered automation

Integrate OpenAI and Figma through Make to automate design generation, documentation, and reviews. Use ChatGPT to create UI copy, generate specifications, and organize assets within Figma.

Date

· Duration

AI-powered design generation

Automatically generate design descriptions, component text, and UI copy using ChatGPT and push them into Figma frames and text layers.

Date

· Duration

Automated design documentation

Use OpenAI to analyze Figma designs and automatically generate comprehensive design specifications, style guides, and component documentation.

Date

· Duration

Intelligent design review and feedback

Automatically extract design elements from Figma and leverage GPT-4 to provide instant design critiques, accessibility suggestions, and best practice recommendations.

Date

· Duration

Content-to-design workflow automation

Transform marketing copy, product descriptions, or user stories into Figma design mockups by using OpenAI to interpret content requirements and create corresponding design elements.

Support

FAQs

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

How can integrating OpenAI with Figma through Make improve my design workflow?

By connecting OpenAI with Figma through Make, you can automate content generation directly into your designs. For example, you can use GPT-4 to automatically generate copy for UI elements, create design descriptions, or produce alt text for images. DALL-E can generate custom graphics based on text prompts that feed directly into your Figma projects. This integration eliminates manual copying and pasting, speeds up your design iterations, and allows you to focus on creative decisions rather than repetitive tasks.

What are some practical automation scenarios I can build with OpenAI and Figma on Make?

Make enables powerful automation scenarios between OpenAI and Figma. You can automatically generate design variations by having ChatGPT create different UI copy versions and populate them in Figma frames. You can use Whisper to transcribe voice feedback about designs and automatically create comment threads in Figma. You can also set up workflows where DALL-E generates custom icons or illustrations based on design requirements documented in Figma, then automatically imports them into your design files. These automations save hours of manual work and improve team collaboration.

Do I need coding skills to integrate OpenAI and Figma using Make?

No coding skills are required. Make provides a visual, drag-and-drop interface that allows you to connect OpenAI and Figma through pre-built modules. You simply authenticate both applications, select the actions you want to automate (like generating text with ChatGPT or updating Figma components), and map the data flow between them. Make handles all the technical API connections behind the scenes, making it accessible for designers, marketers, and business users without programming backgrounds.

How can this integration help my team scale design production?

Integrating OpenAI and Figma through Make transforms your design process from manual to automated, enabling significant scaling. Your team can automatically generate localized content for designs in multiple languages using GPT-4, create hundreds of personalized design variations for A/B testing, or batch-generate design assets with DALL-E based on product data. This means one designer can accomplish what previously required an entire team, reducing time-to-market and allowing your creative team to focus on strategy and high-value design decisions rather than repetitive production work.

OpenAI (ChatGPT, Whisper)

Figma