Figma

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

How to Integrate Figma

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

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

Get File

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

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

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

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.

Last updated