Connect Figma and Anthropic Claude integrations
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.
Triggers when a new comment is created.
Triggers 30 minutes after editing stops in the file.
Creates a completion based on the given prompt.
Creates a new prompt based on a structured list of input messages.
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.
Generates a response based on a simple text prompt.
Uploads a new file.
Returns a list of files within a workspace.
Lists all existing Skills.
Lists all existing Skill versions.
Trusted by thousands of fast-scaling organizations around the globe
Automate your work. Build something new.
Just drag and drop apps to automate existing workflows or build new complex processes. Solve problems across all areas and teams.
Build your Figma and Anthropic Claude integrations.
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.
Creates a completion based on the given prompt.
Creates a new prompt based on a structured list of input messages.
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.
Popular Figma and Anthropic Claude workflows.
Looking to get more out of Figma and Anthropic Claude? With Make you can visually integrate Figma and Anthropic Claude into any workflow to save time and resources — no coding required. Try any of these templates in just a few clicks.
How to setup Figma and Anthropic Claude in 5 easy steps
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.
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.
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.
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.
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.
Automatically send Figma designs to Claude for instant AI-generated insights on user experience, accessibility, and design best practices without manual review processes.
Leverage Claude's 100K+ token window to automatically create comprehensive design system documentation, component descriptions, and style guides directly from your Figma files.
Use Claude to automatically analyze, categorize, and tag Figma assets with smart metadata, making design libraries more searchable and organized across teams.
Automatically extract design specifications from Figma and have Claude generate tailored copy, microcopy, or content briefs that match your brand voice and design context.
FAQ
How it works
Traditional no-code iPaaS platforms are linear and non-intuitive. Make allows you to visually create, build, and automate without limits.
Trusted by 350,000+ customers
"Make really helped us to scale our operations, take the friction out of our processes, reduce costs, and relieved our support team. It is difficult to not become a fan."
Head of Operations at Teleclinic
"Make drives unprecedented efficiency within our business in ways we never imagined. It’s having an extra employee (or 10) for a fraction of the cost."
COO at Shop Accelerator Martech
"The simplicity, flexibility and ability to build real complex automations without any knowledge of programming makes it the best thing since sliced bread."
Product Owner at Smaily
"True citizen development in the entire company. Make is present in every department, empowering the company to offer a unique customer experience."
CTO & Co-founder at FINN
"I can't count the number of hours I've saved by using Make. Every single day is simpler because of Make's automation."
Owner of Media Production