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
Anthropic Claude

Connect Figma and Anthropic Claude integrations

Explore ready-made Figma and Anthropic Claude templates and start automating in minutes.

Get started free

Create a custom workflow

Transform your design process by connecting Figma and Anthropic Claude through Make—automatically trigger AI-powered design descriptions, content analysis, and intelligent feedback whenever changes happen in your Figma files. Eliminate manual workflows and let advanced language AI respond instantly to comments, updates, and design activities, bringing smart automation directly into your collaborative design environment.

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
Anthropic Claude
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 memory in a memory store.

  • Creates a memory store.

  • Creates a new prompt based on a structured list of input messages.

  • Creates a session.

  • Creates a new Skill.

  • Creates a new Skill version.

  • Deletes an existing file.

  • Deletes an existing Skill.

  • Deletes an existing Skill version.

  • Downloads a Claude-generated file.

  • Retrieves an existing file's metadata.

  • Retrieves an existing Skill.

  • Retrieves an existing Skill version.

  • Performs an arbitrary authorized API call.

  • Sends events to a session.

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

  • Uploads a new file.

Select a trigger and an action

Create workflow (opens in a new tab)

Triggers and actions

Connect Anthropic Claude as a trigger and Figma as an action through Make's integration platform to automate your design workflow. When specific events occur in Anthropic Claude—such as new comments added, files updated, or design changes made—these trigger Figma to perform actions like generating design descriptions, analyzing extracted text content from Anthropic Claude frames, creating design briefs, or providing feedback on design specifications. This integration enables automatic communication from Anthropic Claude's collaborative design interface to Figma's advanced language capabilities, eliminating manual data transfer between applications and allowing AI-generated insights to respond directly to your design activities.

Create a memory
Creates a memory in a memory store.
Action
Create a memory store
Creates a memory store.
Action
Create a Prompt
Creates a new prompt based on a structured list of input messages.
Action
Create a session
Creates a session.
Action
Create a Skill
Creates a new Skill.
Action
Create a Skill Version
Creates a new Skill version.
Action
Delete a File
Deletes an existing file.
Action
Delete a Skill
Deletes an existing Skill.
Action
Delete a Skill Version
Deletes an existing Skill version.
Action
Load more

How to set up Figma and Anthropic Claude in 5 easy steps

Date

·

Duration

Step 1

Understanding how Make connects apps

A connection is the bridge that allows Make to communicate with applications like Anthropic Claude and Figma. Before you can automate tasks between these apps, you need to establish secure connections so they can share information. Think of it as creating a pathway that lets data flow smoothly between different services—once set up, your automations can work seamlessly.

Date

·

Duration

Step 2

Get your Anthropic Claude API key

To connect Anthropic Claude to Make, you'll need an API key, which is like a special password. Log into your Anthropic Claude console, click the key icon in the bottom-left corner, then click 'Create Key'. Give your key a name and click 'Add'. Copy this key immediately and save it somewhere safe—you won't be able to see it again. You'll need this key when setting up the connection in Make.

Date

·

Duration

Step 3

Connect Anthropic Claude in Make

Log into Make and add the Anthropic Claude module to your automation scenario. Click 'Create a connection' when prompted. You can give your connection a memorable name to identify it later. Paste the API key you copied earlier into the 'API Key' field and click 'Save'. Once completed, Make can now communicate with your Anthropic Claude account and use it in your automations.

Date

·

Duration

Step 4

Set up your Figma app for connection

Figma requires you to create an app in their developers portal before connecting. Go to figma.com/developers/apps and click 'Create' to make a new app. Give it a name and select your team or organization. During setup, you may need to enter this callback address: https://www.integromat.com/oauth/cb/figma. After creating the app, Figma will show you a 'Client ID' and 'Client secret'—copy both and save them securely.

Date

·

Duration

Step 5

Connect Figma in Make

Return to Make and add the Figma module to your scenario, then click 'Create a connection'. You can name your connection for reference later. Enter the Client ID and Client secret you copied from Figma into the appropriate fields. Follow any on-screen instructions to complete the authentication process, then click 'Save'. Your Figma connection is now ready to use in your Make automations.

Powerful benefits of integrating Figma with Anthropic Claude

Connect Figma and Anthropic Claude through Make to automate design feedback, generate documentation, manage assets intelligently, and optimize workflows with AI-powered insights and analysis.

Date

·

Duration

Automate AI-powered design feedback

Automatically send Figma designs to Claude for instant AI-generated insights on user experience, accessibility, and design best practices without manual review processes.

Date

·

Duration

Generate design documentation at scale

Leverage Claude's 100K+ token window to automatically create comprehensive design system documentation, component descriptions, and style guides directly from your Figma files.

Date

·

Duration

Intelligent design asset management

Use Claude to automatically analyze, categorize, and tag Figma assets with smart metadata, making design libraries more searchable and organized across teams.

Date

·

Duration

Optimize design-to-content workflows

Automatically extract design specifications from Figma and have Claude generate tailored copy, microcopy, or content briefs that match your brand voice and design context.

Support

FAQs

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

By integrating Figma with Anthropic Claude through Make, you can automate design documentation, generate design descriptions, create content for design components, and analyze design feedback at scale. Claude's 100K+ token window allows it to process extensive design specifications and style guides, while its AI capabilities can help generate user stories, accessibility descriptions, or design rationale based on your Figma files. Make enables you to create automated workflows that trigger Claude to analyze designs whenever updates occur in Figma, saving hours of manual documentation work.

With Make, you can build powerful automations such as: automatically generating design handoff documentation when Figma files are updated; creating accessibility annotations for design components using Claude's analysis; generating marketing copy that matches your design assets; converting design comments into actionable development tasks with context; and creating multilingual descriptions of UI components for international teams. Make's visual workflow builder lets you set up these automations without coding, connecting Figma events directly to Claude's AI processing capabilities.

Yes, your data security is prioritized in this integration. Anthropic Claude is designed with best-in-class data retention policies and does not train on your data, making it ideal for sensitive design work. Make operates as a secure intermediary that processes data according to your workflow rules without storing unnecessary information. You maintain full control over what design data is shared with Claude, when it's processed, and how the outputs are used. This makes the integration suitable for professional design teams working with confidential client projects or proprietary designs.

No programming skills are required. Make provides a visual, drag-and-drop interface that allows you to connect Figma and Anthropic Claude through pre-built modules. You simply authenticate both applications, select triggers (like when a Figma file is updated), define actions (such as sending design data to Claude for analysis), and specify how you want to use Claude's responses. Make handles all the technical API connections behind the scenes. You can start with template scenarios or build custom workflows tailored to your specific design and content needs, all through an intuitive visual interface.