Connect Figma with Hookshot™ and your stack

A collaborative interface design tool.

Browse integrations Visit website

Tools and triggers

What Agents can do in Figma

Available tools and events after Figma is connected.

  • 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…

  • 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…

  • 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…

  • 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…

  • 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…

  • 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…

  • Download Figma Images

    Download images from Figma file nodes. Renders specified nodes as images and downloads them. Supports PNG, SVG, JPG, and PDF formats. REQUIRED PARAMETERS: - file_key (string): The Figma file key from the URL - images…

  • Extract Design Tokens

    Extract design tokens from Figma files by combining styles, variables, and node-extracted values. Only values defined as Figma styles or variables are captured — any design values not encoded as styles/variables are…

  • Extract Prototype Interactions

    Extract prototype interactions and animations from Figma files. Required parameter: - file_key: The Figma file key extracted from a URL like 'https://www.figma.com/file/ABC123xyz/MyFile' (the 'ABC123xyz' part) Analyzes…

  • Get a Webhook

    Retrieves detailed information about a specific webhook by its ID, provided the webhook exists and is accessible to the user.

  • Get Activity Logs

    Retrieves activity log events from Figma, allowing filtering by event types, time range, and pagination.

  • Get Comments in a File

    Retrieves all comments from an existing Figma file, identified by a valid `file_key`, returning details like content, author, position, and reactions, with an option for Markdown formatted content.

  • Get Component

    Fetches metadata for a specific component using its unique identifier. Use when you need to retrieve published component details from a team library.

  • Get Component Set

    Retrieves detailed metadata for a specific published Figma component set using its unique `key`.

  • Get Current User

    Retrieves detailed information for the currently authenticated Figma user.

  • Get Dev Resources

    Retrieves development resources (e.g., Jira/GitHub links) for a Figma main file, optionally filtering by specific node IDs.

  • Get File Component Sets

    Retrieves all published component sets from the specified Figma main file (file_key must not be for a branch).

  • Get File Components

    Retrieves published components from a Figma file, which must be a main file (not a branch) acting as a library.

Setup

Connect Figma in Hookshot™

Pick a scope, then confirm what can start a Protege and what it can do.

Trigger Access

What can start a Protege from this app.

Tool Access

What a Protege can do after it starts.

Connection scope

Prefer team for production.

Team

Shared credential for production and unattended runs.

Personal

Tied to one user—only when the workflow needs their account.

Chat

Team-scoped for supported chat surfaces.

Full setup guide

Build with us

See Hookshot™ in your stack.

Request early access or book a live walkthrough with the team.

Request Demo
Hookshot™ setup screen — AI agent workflow configuration with model selection, trigger status, and governance controls.