Figma

Getting Started with Figma

The Figma modules allow you to post comments, list comments, file version history, project files and projects in your Figma account.

Prerequisites

  • A Figma account

In order to use Figma with Integromat, it is necessary to have a Figma account. If you do not have one, you can create a Figma account at www.figma.com.

The module dialog fields that are displayed in bold (in the Integromat scenario, not in this documentation article) are mandatory!

Connecting Figma to Integromat

To connect your Figma account to Integromat follow the general instructions for Connecting to services.

After you click the Continue button, Integromat will redirect you to the Figma website where you will be prompted to grant Integromat access to your account.

2019-07-19_13_39_44-Window.png

Confirm the dialog by clicking the Allow Access button.

Actions

Post a Comment

Adds a comment to a specified file.

Connection Establish a connection to your Figma account.
File ID

Enter or map the File ID of the file you want to add a comment to.

You can retrieve the ID using the Find Files button. You have to enter the Team ID or Project ID.
The Team ID can be found in the URL:

2019-07-19_14_22_11-Window.png

Enter the File ID using the Find buttons:

yRCPmNHggG.gif

Comment Enter the text of the comment.

Make an API Call

Allows you to perform a custom API call.

Connection Establish a connection to your Figma account.
URL

Enter a path relative to https://api.figma.com/v1/. E.g. teams/734015537730895277/projects
Where 734015537730895277 is, replace with the desired Team ID.

For the list of available endpoints, refer to the Figma developer documentation.
Method

Select the HTTP method you want to use:

GET
to retrieve information for an entry.

POST
to create a new entry.

PUT
to update/replace an existing entry.

PATCH
to make a partial entry update.

DELETE
to delete an entry.

Headers Enter the desired request headers. You don't have to add authorization headers; we already did that for you.
Query String Enter the request query string.
Body Enter the body content for your API call.

Example of Use - List Projects

The following API call returns all of the team's projects:

2019-07-19_14_36_51-Window.png

Matches of the search can be found in the module's Output under Bundle > Body > projects. 
In our example, 2 projects were returned:

2019-07-19_14_37_30-Window.png

Searches

List Comments

Retrieves all comments on the file.

Connection Establish a connection to your Figma account.
File ID

Enter or map the File ID of the file you want to retrieve comments from.

You can retrieve the ID using the Find Files button. You have to enter the Team ID or Project ID.
The Team ID can be found in the URL:

2019-07-19_14_22_11-Window.png

Enter the File ID using the Find buttons:

yRCPmNHggG.gif

Limit Set the maximum number of comments Integromat will return during one execution cycle.

List File Version History

Lists the version history of a file.

Connection Establish a connection to your Figma account.
File ID

Enter or map the File ID of the file you want to retrieve the version history from.

You can retrieve the ID using the Find Files button. You have to enter the Team ID or Project ID.
The Team ID can be found in the URL:

2019-07-19_14_22_11-Window.png

Entering the File ID using the Find buttons:

yRCPmNHggG.gif

Limit Set the maximum number of version history records Integromat will return during one execution cycle.

List Project Files

Lists the files in a specified project.

Connection Establish a connection to your Figma account.
File ID

Enter or map the Project ID of the project you want to retrieve the project files from.

You can retrieve the ID using the Find Files button. You need just the Team ID to get the Project ID.
The Team ID can be found in the URL:

2019-07-19_14_22_11-Window.png

Enter the Project ID using the Find buttons:

yRCPmNHggG.gif

Limit Set the maximum number of project files Integromat will return during one execution cycle.

List Projects

Retrieves a list of all the projects within a specified team.

Connection Establish a connection to your Figma account.
Team ID

Enter or map the Team ID of the team you want to retrieve projects from.

To obtain a Team ID, navigate to a team page of a team you are a part of. The Team ID will be present in the URL after the word "team" and before your team name:

2019-07-19_14_22_11-Window.png

Limit Set the maximum number of projects Integromat will return during one execution cycle.

Popular use cases from our blog

slack-automation-illustration

Slack Automation: 20 Free Templates to Get You Inspired

google-sheets-automation-alt

Google Sheets Automation for Ecommerce: 23 Free Templates

tweet-automation-illustration

How to Get Someone's Tweets Before Anyone Else Does

onboarding-automation-with-integromat-alt

How to Automate Employee Onboarding in Minutes with Integromat

shopify-order-to-manufacturer-illustration-alt

How to Auto Send Shopify Orders to Dropshipping Suppliers [Guide]

strava-exercise-to-google-sheets-illustration

Like a Champ: How to Save Strava Activities to Google Sheets

Didn’t find what you were looking for?

Ticket

Create a ticket

Contact our world-class support team and tell us what’s happening.

Create a ticket
Expert

Find an expert

We feature a network of 450+ certified partners across the globe who are ready to help

Find an expert

Automate any workflow in your business

Sign up for a free account today. No credit card required, no time limits on free plan.