Agent skill · software engineering · jeremylongshore
figma-hello-world
Make your first Figma REST API call to fetch a file and inspect its
Why this skill is useful
Provides specific commands and patterns for interacting with the Figma API that the AI wouldn't reliably generate on its own.
What it needs
Requires jq installed locally. Requires figma account access. About 3k tokens when loaded. Last updated 2026-08-07. 2,604 stars on the source repository.
What this skill does
Figma Hello World Overview Make your first Figma REST API call. Fetch a file's metadata and document tree, then inspect the node structure that represents every layer and object in a Figma design. Prerequisites Completed figma-install-auth setup A Figma file key (from the URL: figma.com/design/<FILEKEY>/...) FIGMAPAT environment variable set Instructions Step 1: Fetch a File Expected output: Step 2: Understand the Node Tree Every Figma file is a tree of typed nodes: Key node types: DOCUMENT, CANVAS, FRAME, GROUP, RECTANGLE, ELLIPSE, TEXT, VECTOR, COMPONENT, COMPONENTSET, INSTANCE, LINE, SECTION, BOOLEANOPERATION. Step 3: TypeScript Hello World Step 4: Fetch Specific Nodes Output File metadata (name, version, last modified) Page names listed from the document tree Top-level frames with node IDs and types Component and style counts Error Handling Error Status Cause Solution ------- -------- ------- ---------- Not found 404 Invalid file key Verify the key from the Figma URL Forbidden 403 No access to file Check token scopes and file permissions Rate limited 429 Too many requests Honor Retry-After header Empty document 200 File has no pages Check if file was recently created Examples Quick Node Counter Get File Thumbnail Resources Figma REST API Introduction File Endpoints Reference Node Types Reference Next Steps Proceed to figma-local-dev-loop for setting up a development workflow.
How to use it
Reference it in AdaL, Claude Code, Cursor or any coding agent — nothing to install:
@skills jeremylongshore/figma-hello-world--bf4ef5