What is figma-use-figjam?

A guide for using Figma's programming interface inside FigJam, Figma's collaborative whiteboard product.

Use it when creating or changing FigJam sections, sticky notes, connectors, and other board content through code.

It explains FigJam-specific file rules so code can inspect and edit boards without using APIs that only work in regular Figma design files.

figma-use-figjam — Skill for Claude Code by punkadillo

Install

Getting it into your agent

One page per mod, every tool's command on it. A separate URL per tool would split the same page into five that compete with each other.

Any agent

npx skills add punkadillo/figma-code-composer --skill figma-use-figjam

Clone the repo

git clone --depth 1 https://github.com/punkadillo/figma-code-composer

Made for: Claude Code.

Wrote this? Show the measurements

A badge with what this costs and how it scanned, read live from this page, so it follows the numbers instead of freezing them. Markdown for a README, HTML for a documentation site or a project page.

README.md

[![agentmods](https://agentmods.dev/badge/skills/punkadillo/figma-code-composer/figma-use-figjam.svg)](https://agentmods.dev/skills/punkadillo/figma-code-composer/figma-use-figjam)

Your own site

<a href="https://agentmods.dev/skills/punkadillo/figma-code-composer/figma-use-figjam"><img src="https://agentmods.dev/badge/skills/punkadillo/figma-code-composer/figma-use-figjam.svg" alt="Measured on agentmods" height="20"></a>

Per session 45 Skills are progressive disclosure: only the name and description are preloaded; the body loads when the skill is used.

When invoked 1,608 The whole file, excluding the scripts and references it only reads on demand.

Security scan A 0 findings. A grade says what 26 rules found in the file — not that it is safe.

Origin 91% copy Near-identical to another mod in the catalogue.

Token cost

What it costs to keep this loaded

Counted locally with the o200k_base tokenizer, which is exact for GPT models; Claude uses its own tokenizer and its counts differ. Treat this as one consistent yardstick across the catalogue rather than a bill. Prices are per million input tokens.

Model	Per session	Once invoked
Fable 5.1	$0.00045	$0.01608
Opus 5	$0.00023	$0.00804
Sonnet 5	$0.00009	$0.00322
Haiku 4.5	$0.00005	$0.00161

Measured 3d ago against content hash 4edee26ddf08, method: parsed. Prices are Anthropic first-party input rates as of 2026-09-07, from the pricing page.

Security

Grade A, and why

figma-use-figjam scanned grade A with 0 findings against 26 rules in 11 categories — prompt injection, anti-refusal, data exfiltration, privilege escalation, supply chain, agent snooping, system-prompt leakage, SSRF and excessive agency — measured 3d ago.

A static scan of the body, not an audit. Every finding is printed with the line that produced it so you can judge whether it matters here. A mod is markdown that instructs an agent; that is exactly why what it instructs is worth reading.

Nothing flagged

None of the 26 patterns this scan looks for appear in this file: no shell pipes, no recursive deletes, no credential paths, no hidden text, no instruction-override or anti-refusal phrasing, no agent-config snooping. That is not a guarantee, it is the absence of the things that are checkable.

Origin

This is a copy

91% identical to figma-use-figjam — 2 lines differ, which has more behind it and is treated as the original. This page carries a canonical link to it rather than competing with it.

.figma-pipeline/skills/figma-use-figjam/SKILL.md · 65 lines

How it starts

The opening of the file, as written. The whole thing — 65 lines — stays where its author put it; the contents beside it link to each section on GitHub.

use_figma — Figma Plugin API Skill for FigJam

This skill contains FigJam-specific context for the use_figma MCP tool. The figma-use skill provides foundational context for plugin API execution via MCP as well as the full Figma plugin API for more advanced use-cases that are not described here.

Always pass skillNames: "figma-use-figjam" when calling use_figma for FigJam operations. This is a logging parameter used to track skill usage — it does not affect execution.

FigJam URL is figma.com/board/.... Do NOT call figma.createPage() in FigJam — it throws TypeError: figma.createPage no such property 'createPage' on the figma global object. createPage() is a Design-file API only (figma.com/design/...). FigJam files have a single implicit page; organize content with sections instead (see create-section).

Inspecting FigJam Files

get_figjam is the inspection tool for FigJam files. It returns the full node tree as XML, including IDs of pages, sections, stickies, connectors, and other nodes you need to reference in subsequent use_figma calls.

Use get_figjam upfront before writing any use_figma code that needs to reference existing nodes (page IDs, section IDs, etc.). Don't try to discover IDs by running an inspection script — console.log output from use_figma is not returned to the agent (see figma-use Critical Rule #4). Only the return value comes back.
get_metadata does NOT work on FigJam files — it is design-mode only and will fail immediately with "unsupported for FigJam files".
get_screenshot requires a valid nodeId — passing an empty nodeId returns "invalid nodeId" error. Get IDs from get_figjam first.
If you forgot to return an ID from a previous use_figma call and need it now, call get_figjam rather than re-running an inspection script.

Loading Reference Docs Efficiently

Load only the references your task needs — but when you do need to load multiple, issue all reads in a single parallel tool-call batch, not sequentially across turns. For a typical board-creation task, that means a single message containing reads for plan-board-content plus the 3-4 specific node-type references you'll use.

Read the full file on GitHub · 65 lines

Files

What ships with it

13 files beside SKILL.md in the same directory: the scripts, references and assets a skill reads on demand. Not counted in the per-session cost; read them before you install if any of them is executable.

Changes

What this file has done since we first saw it

Hashed on every crawl. A supply-chain change to an agent config is a question of when, not whether, so the history is kept rather than the latest state alone.

3d ago First seen · 65 lines · 45 tokens per session scan A 4edee26ddf08

Subscribe to this mod's changes

figma-use-figjam is a skill published in the GitHub repository punkadillo/figma-code-composer (3 stars, last pushed 19d ago), licensed MIT. It adds 45 tokens to every session and 1,608 once invoked, about $0.0002 per session on Opus 5. A static security scan graded it A with 0 findings. It is 91% identical to figma-use-figjam, differing in 2 lines, and is treated as a copy.

Creative and media Design and UX agentic-workflow figma-to-code

artistic

High-contrast, expressive style with creative typography and bold color choices for visually striking interfaces.

bergside/awesome-design-skills · 21 tokens

from-intake

A workflow for reviewing material brought from another workspace and carrying relevant brand evidence into the project's assets. It checks inventories, brand guides, logos, and image sources before anything is used.

TOKTOKHAN-DEV/agent-company · 3 tokens

svg-builder

Build correct, self-contained SVG diagrams, illustrations, and animations from a description. Everything it produces moves by default -- flow along the edges, a staged reveal, a state change -- with a resting state that still reads on its own. Use this skill whenever the user asks for a diagram, flowchart…

nguyenvanphituoc/shapeup-sdlc-plugin · 212 tokens

sidesight

Use SideSight for screenshots, images, error screenshots, UI mockups, architecture diagrams, charts, OCR, visual comparison, and videos when the host coding model is text-only. Route each visual task to the matching npx sidesight CLI command.

ZhuXinAI/sidesight · 54 tokens

infographic-generator

An image-making workflow that turns a writing topic and outline into HTML pages and PNG screenshots. It includes four visual styles for different kinds of content.

konglong87/methodology-skills · 73 tokens

dynamic-archify

Create professional architecture, workflow, sequence, data-flow, and lifecycle/state diagrams as standalone animated HTML files with SVG graphics, flowing animation effects, a built-in dark/light theme toggle, and one-click export to PNG / JPEG / WebP / SVG / GIF / WebM. Accepts plain-language descriptions or pasted…

OWWZO/ai-agent · 163 tokens