Skip to main content
Use this app when your workflow needs Figma file data, node details, comments, or library assets. Add comments or dev resources after you find the right file or node.

​
Configuration

Before you configure this step, connect Figma in Integrations for your workspace using the sign-in flow. If no active connection is available, the step shows a warning with a link to Integrations instead of the account selector.

​
Arguments form

When you select an action, the Arguments section renders a form driven by the action’s input schema. Fields that refer to existing records include dropdown pickers. Switch to the Raw JSON tab when you prefer to write the full arguments object by hand. Changes in either tab stay in sync.

​
Common actions

Destructive actions, such as deleting records, are not available in the workflow action picker.

​
Output

This step stores the Figma response as the step output. The shape of the response depends on the action. Use the full output reference in later steps:

​
Example

  1. Open Integrations and connect Figma if you have not already done that.
  2. Add a Figma step to your workflow.
  3. Select a connected account in Authentication.
  4. Choose Get current user in Action.
  5. Fill in the required fields. Use Insert Variable to reference an earlier step’s output for any field value.
  6. Click Run in the step header to test the action, then review the returned payload in Output.

​
Use cases

​
Review a design file

  1. Get file metadata
  2. Get comments
  3. Add comment

​
Inspect selected nodes

  1. Get file nodes
  2. Render node images
  3. Download images
  1. Get dev resources
  2. Create dev resources
  3. Update dev resources

​
Notes

  • This step depends on a connected Figma integration in your workspace.
  • The workflow action picker shows a curated set of actions. Agents with the Figma tool can use more of them.
  • The sign-in screen may show third-party authorization branding.

​
Using Figma as an Agent Tool

You can also add Figma as a tool in the Agent Editor. Open the agent, click Add tool, and select Figma. In the tool settings panel, choose the connected account the agent should use. The agent calls Figma actions when they are relevant to the conversation. See also: Integrations, Creating and Editing, and Testing and Iteration