figma-use-figjam
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.
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_figjamupfront before writing anyuse_figmacode that needs to reference existing nodes (page IDs, section IDs, etc.). Don't try to discover IDs by running an inspection script —console.logoutput fromuse_figmais not returned to the agent (see figma-use Critical Rule #4). Only thereturnvalue comes back. get_metadatadoes NOT work on FigJam files — it is design-mode only and will fail immediately with "unsupported for FigJam files".get_screenshotrequires a validnodeId— passing an empty nodeId returns "invalid nodeId" error. Get IDs fromget_figjamfirst.- If you forgot to
returnan ID from a previoususe_figmacall and need it now, callget_figjamrather 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.
Deferred Tools — Batch-Load Schemas
The Figma MCP tools (use_figma, get_figjam, get_screenshot, get_metadata, create_new_file, whoami) often appear as deferred tools that require ToolSearch to load their schemas before they can be called. Load all schemas in a single ToolSearch call using the select: syntax instead of one call per tool:
ToolSearch query="select:use_figma,get_figjam,get_screenshot,get_metadata,create_new_file"
Six sequential ToolSearch calls is six round trips before any work happens. One batched call is one round trip.
Reference Docs
- plan-board-content - Read this for any board content request — board template, retro, brainstorm, ice breaker, meeting board, scaffold
- Covers planning of generated board content, including sequential outline, sections, intents, and hierarchical text
- Delegates to other references for specific API details
- create-section — Create and configure FigJam sections (sizing, naming, colors, content visibility, organizing nodes, column layouts)
- create-sticky — Create and configure FigJam sticky notes (colors, sizing, text, author visibility, batch creation)
- create-connector — Create and configure FigJam connectors (endpoints, arrows, line types, labels, colors, diagram wiring)
- create-text — Create and configure FigJam text nodes (font loading, preset fonts and colors, sizing, lists, mind map operations)
- position-figjam-nodes — Position, size, and reparent nodes on the canvas (including within sections)
- create-shape-with-text — Create and configure FigJam shapes with embedded text (shape types, color presets, sizing to fit text, diagram layouts)
- create-code-block — Create and configure FigJam code block nodes (languages, syntax highlighting, positioning, embedding in sections)
- create-table — Create and configure FigJam tables (rows, columns, cell text, color presets, resizing)
- edit-text — Edit existing text nodes (font loading, styled ranges, find/replace, FigJam Charcoal default color)
- create-label — Create and configure FigJam label nodes (small numbered/lettered circle callout markers, sequences, positioning)
- batch-modify — Patterns for modifying many existing nodes at once (bulk style changes, repositioning, property updates)
More from figma/mcp-server-guide
implement-design
Translates Figma designs into production-ready code with 1:1 visual fidelity. Use when implementing UI from Figma files, when user mentions "implement design", "generate code", "implement component", "build Figma design", provides Figma URLs, or asks to build components matching Figma specs. Requires Figma MCP server connection.
5.9Kfigma-implement-design
Translates Figma designs into production-ready application code with 1:1 visual fidelity. Use when implementing UI code from Figma files, when user mentions "implement design", "generate code", "implement component", provides Figma URLs, or asks to build components matching Figma specs. For Figma canvas writes via `use_figma`, use `figma-use`.
3.7Kfigma-use
**MANDATORY prerequisite** — you MUST invoke this skill BEFORE every `use_figma` tool call. NEVER call `use_figma` directly without loading this skill first. Skipping it causes common, hard-to-debug failures. Trigger whenever the user wants to perform a write action or a unique read action that requires JavaScript execution in the Figma file context — e.g. create/edit/delete nodes, set up variables or tokens, build components and variants, modify auto-layout or fills, bind variables to properties, or inspect file structure programmatically.
2.2Kfigma-generate-design
Use this skill alongside figma-use when the task involves translating an application page, view, or multi-section layout into Figma. Triggers: 'write to Figma', 'create in Figma from code', 'push page to Figma', 'take this app/page and build it in Figma', 'create a screen', 'build a landing page in Figma', 'update the Figma screen to match code', 'convert this modal/dialog/drawer/panel to Figma'. This is the preferred workflow skill whenever the user wants to build or update a full page, modal, dialog, drawer, sidebar, panel, or any composed multi-section view in Figma from code or a description. Discovers design system components, variables, and styles from Code Connect files, existing screens, and library search, then imports them and assembles views incrementally section-by-section using design system tokens instead of hardcoded values.
1.7Kfigma-create-design-system-rules
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.
1.5Kcreate-design-system-rules
Generates custom design system rules for the user's codebase. Use when user says "create design system rules", "generate rules for my project", "set up design rules", "customize design system guidelines", or wants to establish project-specific conventions for Figma-to-code workflows. Requires Figma MCP server connection.
1.3K