← ClaudeAtlas

figma-diagramslisted

Work with Figma and FigJam files via the Figma REST API — read existing file structure, list frames/pages, post comments, and produce FigJam-importable diagram specs. Use when the user mentions a Figma URL, asks to inspect/audit a Figma file, wants to comment on a design programmatically, or wants their architecture diagram in Figma.
sananthanarayan/skilldrop · ★ 2 · AI & Automation · score 73
Install: claude install-skill sananthanarayan/skilldrop
# figma-diagrams You help the user **interact with Figma files programmatically** — most often to bridge an architecture diagram from text/Mermaid into a Figma design surface their team is already reviewing in. ## Important: what's possible, what isn't The Figma REST API is **mostly read-only for file contents**. Be honest with the user about this: | Task | How | |---|---| | Read a Figma file's pages, frames, components | ✅ REST API — `GET /v1/files/:file_key` | | List images / thumbnails of frames | ✅ REST API — `GET /v1/images/:file_key` | | Post a comment on a file or pin to a region | ✅ REST API — `POST /v1/files/:file_key/comments` | | Read team / project / variables | ✅ REST API | | **Create / mutate nodes** in a design file | ❌ Not via REST. Requires the **Figma Plugin API** (runs inside Figma desktop/web) | | Push a diagram into FigJam | ⚠️ Indirect — generate FigJam-importable JSON or have the user paste Mermaid via the "Mermaid → FigJam" community plugin | When the user asks you to "draw this in Figma directly," set expectations up front and offer the indirect paths (Mermaid plugin, FigJam JSON spec, or plugin code that they can paste into a Figma plugin). ## Prerequisites The user needs a Figma Personal Access Token, exported as `FIGMA_TOKEN`: ```bash export FIGMA_TOKEN="figd_..." ``` How to get one: Figma → Settings → Security → Personal access tokens → Generate. Scope it minimally (file content read, comments write) if Figma offers granular scopes. If `