--- title: Figma slug: figma description: How to integrate Figma with Make.com image: https://make-cxp-documentation.ams3.digitaloceanspaces.com/apps-center-icons/PREVIEW_figma.png docTags: createdAt: 2025-02-03T13:29:06.382Z --- | :inlineImage[]{src="https://make-cxp-documentation.ams3.digitaloceanspaces.com/apps-center-icons/figma.png" alt="Figma logo" caption size="50" width="512" height="512"} | Figma is a collaborative design platform for creating user interfaces, prototypes, and graphics. Integrating Figma with Make.com allows users to automate file management, trigger notifications on design updates, and streamline design-to-development handoff processes. | | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | :::hint{type="warning"} This is AI-generated content based on official Figma documentation. The content may contain mistakes. Please verify important information. If you have questions on vendor documentation, contact [Figma](https://www.figma.com/) directly. ::: # Requirements To use the Figma app in Make, you must have an active Figma account and authenticate using either OAuth2 or an access token, [create your account on Figma](https://www.figma.com/). For subscription, refer to the [Figma pricing page](https://www.figma.com/). # Connect Figma and Make To get started, you must first create a connection between Figma and Make, allowing the two services to communicate. ::::WorkflowBlock :::WorkflowBlockItem **Obtain your OAuth2 credentials in your Figma account** ::: :::WorkflowBlockItem **Create the connection in Make.** ::: :::: ## Obtain your OAuth2 credentials in your Figma account Before you create the connection in Make, you should first obtain your **OAuth2 credentials** in your Figma account. To obtain your **OAuth2 credentials **: ::::WorkflowBlock :::WorkflowBlockItem Navigate to figma.com/developers/apps. ::: :::WorkflowBlockItem Click** Create** a new app. ::: :::WorkflowBlockItem Enter a name for your OAuth app and select a team or organization. ::: :::WorkflowBlockItem Click** Create**. ::: :::WorkflowBlockItem If prompted, enter the callback URI: `https://www.integromat.com/oauth/cb/figma`. ::: :::WorkflowBlockItem Copy the** Client ID** displayed on screen. ::: :::WorkflowBlockItem Copy the** Client secret** displayed on screen. ::: :::: You will use this value while creating a connection in Make. Because the UI might have changed, the steps you see on your screen might be different, [check the vendor documentation for updates.](https://developers.figma.com/docs/rest-api/authentication/) ## Create the connection in Make :::::WorkflowBlock ::::WorkflowBlockItem [[Log in in your Make](https://www.make.com/en/register) account](https://www.make.com/en/register), add the Figma module to your scenario, and click **Create a connection. ** :::hint{type="info"} If you add a module with an instant tag, click **Create a webhook**, then **Create a connection.** ::: :::: :::WorkflowBlockItem *Optional: *In the **Connection name** field, enter a name for the connection. ::: :::WorkflowBlockItem Enter the **authentication credentials** you copied from your Figma account or follow the on-screen instructions to create the connection. ::: ::::: For detailed information on connecting an application, see **[Connect an application](docId\:SO88FM6pkT0G-adKDDfzZ)** page. # Figma modules After connecting to the Figma app, you can choose from a list of available modules to build your scenarios. :::ExpandableHeading ### List Comments Retrieves a complete list of all comments that have been added to a specific file. ::: :::ExpandableHeading ### List File Version History Retrieves and displays the complete version history of a specified file. ::: :::ExpandableHeading ### List Project Files Retrieves and displays all files contained within a specified project. ::: :::ExpandableHeading ### List Projects Retrieves a complete list of all projects belonging to a specified team. ::: :::ExpandableHeading ### Make an API Call Executes a custom API request to the connected service using your authorized credentials. ::: :::ExpandableHeading ### Post a Comment Adds a comment to a specific file. ::: :::ExpandableHeading ### Watch File Comments Triggers when a new comment is added to an item or post. ::: :::ExpandableHeading ### Watch File Updates Activates 30 minutes after no further edits are made to the file. ::: # Templates You can look for more templates in [Make's template gallery](https://www.make.com/en/templates), where you'll find thousands of pre-created scenarios. # Figma resources You can have access to more resources related to this app on the following links - [Figma topics on Make community](https://community.make.com/search?q=Figma) - [Figma website](https://www.figma.com/) - [Figma API documentation](https://www.figma.com/developers/api#intro) - [Figma page on make](https://www.make.com/en/integrations/figma) *** :::CtaButton{label="Get started for free" externalHref="https://www.make.com/en/register" openInNewTab="true"} :::