# Figma

Figma is a cloud-based design tool used for UI/UX collaboration, prototyping, and design system management.

### **How to Integrate Figma** <a href="#how-to-integrate-figma" id="how-to-integrate-figma"></a>

Follow the steps below to set up the integration.

1. Click the ‘+’ button in ZBrain Flow and search for Figma.
2. Select an available action to begin setup.

### **How to Connect Figma to ZBrain Flow** <a href="#how-to-connect-figma-to-zbrain-flow" id="how-to-connect-figma-to-zbrain-flow"></a>

To establish a connection between Figma and ZBrain Flow, follow these steps:

1. Enter a connection name.
2. Click ‘Connect’ to authenticate and authorize access.
3. Click ‘Save’ to finalize the connection.

### **Actions Available in ZBrain Flow** <a href="#actions-available-in-zbrain-flow" id="actions-available-in-zbrain-flow"></a>

#### **Get File** <a href="#get-file" id="get-file"></a>

Retrieve a specific Figma file.

**How to configure:**

* Select an existing connection or create a new one.
* Enter the file key (found in the Figma file URL).

#### **Get File Comments** <a href="#get-file-comments" id="get-file-comments"></a>

Fetch comments from a Figma file.

**How to configure:**

* Select an existing connection or create a new one.
* Enter the file key (found in the Figma file URL).

#### **Post File Comments** <a href="#post-file-comments" id="post-file-comments"></a>

Add a comment to a Figma file.

**How to configure:**

* Select an existing connection or create a new one.
* Enter the file key (found in the Figma file URL).
* Enter the comment to be posted.

#### **Custom API Call** <a href="#custom-api-call" id="custom-api-call"></a>

Make a direct API request to Figma.

**How to configure:**

* Select an existing connection or create a new one.
* Enter the API endpoint URL.
* Choose an HTTP method:
  * **GET** – Retrieve data from Figma.
  * **POST** – Send new data.
  * **PATCH** – Modify specific data fields.
  * **PUT** – Replace data entirely.
  * **DELETE** – Remove data.
  * **HEAD** – Retrieve response headers only.
* Add headers (authorization headers are automatically included).
* Define query parameters for API customization.
* Enter JSON body for structured request data.
* Set a timeout duration for the request.

**Note:** Click *‘f’* to insert dynamic values for flexible configurations.