Figma

Get Figma Design Spec

Read a Figma frame as a build-ready spec — layout, colours, fonts, spacing and copy.

1 creditRuns in your Figma account

Endpoint

Parameters

NameTypeRequiredNote
identifieraccount · requiredaccountrequired—
fileKeystring · requiredstringrequired

Paste a Figma file link (Share → Copy link) or the file key from the URL.

Example: https://www.figma.com/design/… or the file key

nodeIdsstring · optionalstringoptional

The frame to spec out — a node ID, or a link from right-clicking the layer → Copy link to selection. Leave blank to walk the whole file, which is slower and rarely what you want.

Example: 1:2

depthnumber · optionalnumberoptional

How many levels deep to walk (1-24, default 12). Below that is usually decoration.

Default: 12

maxNodesnumber · optionalnumberoptional

Node budget (1-5000, default 600). The result says when it ran out.

Default: 600

versionstring · optionalstringoptional

A version ID from List Figma File Versions. Leave blank for the current version.

Response schema

{
  "type": "object",
  "properties": {
    "url": {
      "type": "string",
      "description": "Open in Figma"
    },
    "notes": {
      "type": "string",
      "description": "How to read the spec: units, coordinate origin, image refs"
    },
    "frames": {
      "type": "array",
      "description": "The requested frames, nested: each node has id, name, type, x, y, w, h and whichever of layout, fill, font, text, border, radius, shadow, opacity, componentId apply"
    },
    "fileKey": {
      "type": "string"
    },
    "version": {
      "type": "string"
    },
    "fileName": {
      "type": "string"
    },
    "nodeCount": {
      "type": "number"
    },
    "truncated": {
      "type": "boolean",
      "description": "True when the node budget ran out before the tree did"
    },
    "lastModified": {
      "type": "string"
    }
  }
}

Get started

How to use this action

  1. Connect your AI

    Add Connie to ChatGPT, Claude or Slack once, then connect your account for this app. There’s no API key to manage.

  2. Ask for the outcome

    Describe what you need in plain words. Your AI runs this app’s actions when the job calls for them, along with any other tools it needs.

  3. Make it a workflow

    Add an action as a step in a workflow that runs the same way every time, on a schedule or when something happens.

  4. Stay in control

    Choose whether each action runs on its own or asks first. When it asks, you see an Allow or Deny card before anything changes in the app.