---
title: "Figma integration | Growf"
description: "A collaborative interface design tool. Connect Figma to Growf and let your AI agents use it in every workspace and workflow."
url: "https://www.growf.io/integrations/figma/"
language: "en"
---

Integration / Collaboration & Communication

![Figma logo](https://logos.composio.dev/api/figma)

# Figma integration

A collaborative interface design tool.

[Get a demo](https://www.growf.io/demo/)

About Figma

## Figma is a collaborative interface design tool for teams and individuals. It streamlines design workflows with real-time collaboration and easy sharing.

[All integrations](https://www.growf.io/integrations/)

Category

Collaboration & Communication, Content

Connection

OAuth

Type

Tool

Actions

515

Tags

library

Example prompts

## What you can ask Growf to do with Figma

- “Add a comment to this Figma file”

- “Convert design tokens to Tailwind CSS”

- “Delete a reaction from a comment”

- “Create a webhook for Figma team events”

Available actions

## 515 actions your agents can run in Figma

- Add a comment to a file  
Posts a new comment to a Figma file or branch, optionally replying to an existing root comment (replies cannot be nested); \`region\_height\` and \`region\_width\` in \`client\_meta\` must be positive if defining a comment region.
- Add a reaction to a comment  
Posts a specified emoji reaction to an existing comment in a Figma file or branch, requiring valid file\_key and comment\_id.
- Create a webhook  
Creates a Figma webhook to receive POST notifications when specific events occur. Webhooks can monitor events at three scopes: - Team level: monitors all files in a team (requires team admin permissions) - Project level: monitors all files in a project (requires edit access) - File level: monitors …
- Create dev resources  
Creates and attaches multiple uniquely-URLed development resources to specified Figma nodes, up to 10 per node.
- Create, modify, or delete variables  
Manages variables, collections, modes, and their values in a Figma file via batch create/update/delete operations; use temporary IDs to link new related items in one request and ensure \`variableModeValues\` match the target variable's \`resolvedType\`.
- Delete a comment  
Deletes a specific comment from a Figma file or branch, provided the authenticated user is the original author of the comment.
- Delete a reaction  
Deletes a specific emoji reaction from a comment in a Figma file; the user must have originally created the reaction.
- Delete a webhook  
Permanently deletes an existing webhook, identified by its unique \`webhook\_id\`; this operation is irreversible.
- Delete dev resource  
Deletes a development resource (used to link Figma design elements to external developer information like code or tasks) from a specified Figma file.
- Design tokens to tailwind  
Convert design tokens to Tailwind CSS configuration. TWO-STEP WORKFLOW: 1\. First, call FIGMA\_EXTRACT\_DESIGN\_TOKENS with a Figma file\_key to extract design tokens 2\. Then, pass the returned DesignTokens object to this action's 'tokens' parameter This action generates: - tailwind.config.ts/js with th…
- Detect Background Layers  
Detect background layers for selected nodes in a Figma file. This action analyzes the Figma document structure and identifies potential background elements for the given target nodes. It uses: - Geometric analysis (bounding box overlap/containment) - Z-index ordering (nodes earlier in the layer sta…
- Discover Figma Resources  
Smart Figma resource discovery - extract IDs from any Figma URL. Supports all URL formats: /file/, /design/, /board/, /proto/, /slides/ Example: figma.com/board/ABC123/Name → file\_key=ABC123 Discovery workflow: team\_id → projects → files → nodes Use extracted IDs with GetFileJson, DetectBackground,…

Show all 53 actions

## Put Figma to work inside Growf.

Connect it once and every workspace, agent and workflow can use it — securely, with your team in the loop.

[Get a demo](https://www.growf.io/demo/)