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.

ConnectionEstablish 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

CommentEnter the text of the comment.

Make an API Call

Allows you to perform a custom API call.

ConnectionEstablish 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.

HeadersEnter the desired request headers. You don't have to add authorization headers; we already did that for you.
Query StringEnter the request query string.
BodyEnter 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 BundleBody > 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.

ConnectionEstablish 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

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

List File Version History

Lists the version history of a file.

ConnectionEstablish 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

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

List Project Files

Lists the files in a specified project.

ConnectionEstablish 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

LimitSet 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.

ConnectionEstablish 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

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

Popular use cases from our blog

automated-data-collection-crm-illustration

How to Automate Data Collection - Part 5: CRM Systems

automated-data-collection-chatbot-marketing-illustration

How to Automate Data Collection - Part 4: Chatbot Marketing

automated-data-collection-paid-ads-illustration

How to Automate Data Collection - Part 3: Paid Ads

automated-data-collection-email-illustration

How to Automate Data Collection - Part 2: Email Marketing Segmentation

personalized-customer-experience-illustration-integromat

5 Automated Solutions to Personalize Customer Experience

data-collection-automation-forms-pt-1

How to Automate Data Collection - Part 1: Online Forms

Didn’t find what you were looking for?

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.