
pp-figma
Every Figma endpoint, plus codegen-ready frame extracts, comments audit, orphans finder, tokens diff Trigger phrases: extract a figma frame for codegen, compact figma file context for AI, find unresolved figma comments, figma stale components, diff figma design tokens, figma file fingerprint for CI, replay figma webhook deliveries, where is this figma variable used, use figma, run figma-pp-cli.
- Installs
- 728
- Last 24h
- —
- Trending rank
- —
- Security
- Not audited
Install
Works with every agent the skills CLI supports.
npx skills add https://github.com/mvanhorn/printing-press-library --skill pp-figma- 01
Install
Run the command in your project. The CLI asks which agents to install for.
- 02
Describe the task
Ask your agent for something this skill covers. It loads pp-figma automatically when relevant.
- 03
Review the result
The agent follows the SKILL.md steps, scripts and references bundled with the skill.
SKILL.md
The instructions your agent reads when the skill is triggered.
Figma — Printing Press CLI
Prerequisites: Install the CLI
This skill drives the figma-pp-cli binary. You must verify the CLI is installed before invoking any command from this skill. If it is missing, install it first:
- Install via the Printing Press installer. It defaults binaries to
$HOME/.local/binon macOS/Linux and%LOCALAPPDATA%\Programs\PrintingPress\binon Windows:npx -y @mvanhorn/printing-press-library install figma --cli-only - Verify:
figma-pp-cli --version - Ensure the reported install directory is on
$PATHfor the agent/runtime that will invoke this skill.
If the npx install fails (no Node, offline, etc.), fall back to a direct Go install (requires Go 1.26.6 or newer). This installs into $GOPATH/bin (default $HOME/go/bin), so add that directory to $PATH instead:
go install github.com/mvanhorn/printing-press-library/library/productivity/figma/cmd/figma-pp-cli@latest
If --version reports "command not found" after install, the runtime cannot see the binary directory on $PATH. Do not proceed with skill commands until verification succeeds.
This CLI is the offline-first, agent-native Figma operator. It absorbs every REST endpoint as one Cobra command, ports GLips's compaction pipeline so frame extracts fit in an LLM context window, and adds the analytical primitives no other tool unifies: cross-file comments audit, stale-component orphans finder, semantic tokens diff between file versions, deterministic file fingerprint for CI, and webhook delivery replay.
When to Use This CLI
Use figma-pp-cli when an agent or engineer needs to reason about a Figma file as data — not pixels. It shines for codegen prompt context (frame extract, dev-mode dump), design-system ops (orphans, tokens diff, fingerprint), comment hygiene (comments audit), and webhook iteration (webhooks test). For interactive design work, the Figma desktop app is fine — figma-pp-cli covers everything Figma's REST API exposes and adds the cross-file analytical commands the dashboard hides.
Unique Capabilities
These capabilities aren't available in any other tool for this API.
Agent-native plumbing
-
frame extract— Extract a single frame as a compact codegen-ready payload that fuses simplified node tree, in-scope variables, dev resources, and Code Connect mappings.First call when an AI agent needs Figma frame context for code generation — returns a compact payload that fits in the context window instead of the raw 10MB file response.
figma-pp-cli frame extract abc123 --ids 1234-5678 --depth 4 --include variables,dev-resources --json -
dev-mode dump— Emit a portable Markdown bundle that fuses dev-resource links, variables in scope, render permalink, and Code Connect mapping for one node.Use when an agent or engineer needs the full Dev Mode context for one frame as a single Markdown blob — no Desktop pairing required.
figma-pp-cli dev-mode dump abc123 --node 1234-5678 --format md -
webhooks test— Pull Figma's webhook request log and replay stored payloads (with original headers and HMAC) against an arbitrary target URL.Use when iterating on a new webhook handler — replay yesterday's failed deliveries against your local server without re-triggering upstream events.
figma-pp-cli webhooks test wh_abc --replay-failed --target-url https://localhost:3000/figma
Local state that compounds
-
comments-audit— Aggregate unresolved comments across every synced team file with age and group-by filters.Run this on Monday morning before design review — surfaces every stale unresolved thread across the team.
figma-pp-cli comments-audit --older-than 14d --group-by file,author --json -
orphans— Find published library entities (components, styles, variables) with zero usage over a window by joining team-library publish list with library-analytics usage data.First command for the quarterly design-system cleanup — returns the list of entities safe to deprecate.
figma-pp-cli orphans 12345 --kind component,style,variable --window 30d --json -
tokens diff— Diff Figma variables across two file versions with mode-awareness; emits a Markdown or JSON change set.Run before merging a design-tokens PR to see what actually changed in Figma since the last release.
figma-pp-cli tokens diff abc123 --from v1.0.0 --to HEAD --format md -
fingerprint— Stable hash of a Figma file's token + component + style surface; exits non-zero if --expect doesn't match.Wire this into CI to fail builds when the upstream Figma file's design-system surface drifts from the committed snapshot.
figma-pp-cli fingerprint abc123 --expect sha256:a1b2c3... -
variables explain— Flat list of every node and component that references a given variable across a file.First call when planning a variable rename or deprecation — shows the blast radius before you touch anything.
figma-pp-cli variables explain abc123 --variable color/brand/primary --json
Command Reference
activity-logs — Get activity logs as an organization admin.
figma-pp-cli activity-logs— Returns a list of activity log events
component-sets — Get information about published component sets.
figma-pp-cli component-sets <key>— Get metadata on a published component set by key.
components — Get information about published components.
figma-pp-cli components <key>— Get metadata on a component by key.
dev-resources — Interact with dev resources in Figma Dev Mode.
figma-pp-cli dev-resources post— Bulk create dev resources across multiple files.figma-pp-cli dev-resources put— Bulk update dev resources across multiple files.
developer-logs — Get developer logs for REST API and MCP server requests in an organization.
figma-pp-cli developer-logs— Returns a list of developer log entries for REST API and MCP server requests made within the organization.
figma-analytics — Manage figma analytics
figma-pp-cli figma-analytics get-library-component-actions— Returns a list of library analytics component actions data broken down by the requested dimension.figma-pp-cli figma-analytics get-library-component-usages— Returns a list of library analytics component usage data broken down by the requested dimension.figma-pp-cli figma-analytics get-library-style-actions— Returns a list of library analytics style actions data broken down by the requested dimension.figma-pp-cli figma-analytics get-library-style-usages— Returns a list of library analytics style usage data broken down by the requested dimension.figma-pp-cli figma-analytics get-library-variable-actions— Returns a list of library analytics variable actions data broken down by the requested dimension.figma-pp-cli figma-analytics get-library-variable-usages— Returns a list of library analytics variable usage data broken down by the requested dimension.
files — Get file JSON, images, and other file-related content.
figma-pp-cli files <file_key>— Returns the document identified byfile_keyas a JSON object.
images — Manage images
figma-pp-cli images <file_key>— Renders images from a file.
me — Manage me
figma-pp-cli me— Returns the user information for the currently authenticated user.
oembed — Get oEmbed data for Figma files and published Makes.
figma-pp-cli oembed— Returns oEmbed data for a Figma file or published Make site URL, following the [oEmbed specification](https://oembed.
payments — Get purchase information for your Community resources.
figma-pp-cli payments— There are two methods to query for a user's payment information on a plugin, widget, or Community file.
projects — Get information about projects and files in teams.
styles — Get information about published styles.
figma-pp-cli styles <key>— Get metadata on a style by key.
teams — Manage teams
webhooks — Interact with team webhooks as a team admin.
figma-pp-cli webhooks delete— Deletes the specified webhook. This operation cannot be reversed.figma-pp-cli webhooks get— Returns a list of webhooks corresponding to the context or plan provided, if they exist.figma-pp-cli webhooks get-webhookid— Get a webhook by ID.figma-pp-cli webhooks post— Create a new webhook which will call the specified endpoint when the event triggers.figma-pp-cli webhooks put— Update a webhook by ID.
Finding the right command
When you know what you want to do but not which command does it, ask the CLI directly:
figma-pp-cli which "<capability in your own words>"
which resolves a natural-language capability query to the best matching command from this CLI's curated feature index. Exit code 0 means at least one match; exit code 2 means no confident match — fall back to --help or use a narrower query.
Recipes
Extract a frame for an AI codegen prompt
figma-pp-cli frame extract abc123 --ids 1234-5678 --depth 4 --include variables,dev-resources --json --select 'simplifiedNodeCount,nodes,variables,devResources'
The killer command. Returns a compact JSON with the simplified node tree, every variable in scope, every dev-resource link, and a node count showing the compression ratio — paste it directly into Claude or Cursor.
Find unresolved comments older than two weeks
figma-pp-cli comments-audit --older-than 14d --group-by file,author --json --select 'file,author,count,oldest_at'
After sync, walks the comments table and aggregates by file and author. Pipe through jq for Slack-ready Markdown.
Cleanup orphans across a team library
figma-pp-cli orphans 12345 --kind component,style,variable --window 30d --json
Joins team-library publish list with 30-day usage analytics; emits the list of entities published but with zero usages — your deprecation candidates. Enterprise-tier required.
Diff design tokens between two file versions
figma-pp-cli tokens diff abc123 --from v1.0.0 --to HEAD --format md
Resolves the version ids, snapshots variables at each, and emits a Markdown change-set listing added/removed/renamed/value-changed tokens. Run before merging a design-tokens PR.
Replay failed webhook deliveries against a local server
figma-pp-cli webhooks test wh_abc --replay-failed --target-url http://localhost:3000/figma
Fetches the request log via /v2/webhooks/{id}/requests, filters status >= 400, and replays each delivery against your local URL with the captured payload and original headers. (HMAC re-signing is not yet wired — your handler must accept unsigned replays for testing.)
Auth Setup
Figma supports two auth modes: Personal Access Token (header X-Figma-Token, prefix figd_) for personal/automation use, and OAuth 2.0 (Authorization: Bearer) for /v1/me, /v1/activity_logs, and /v1/developer_logs. Set FIGMA_API_TOKEN (PAT) or FIGMA_OAUTH2 (OAuth Bearer); the CLI auto-routes to the right header. Run figma-pp-cli auth login for OAuth, or save a PAT to the config file via figma-pp-cli auth set-token. Doctor surfaces X-Figma-Plan-Tier and X-Figma-Rate-Limit-Type from response headers.
Run figma-pp-cli doctor to verify setup.
Agent Mode
Add --agent to any command. Expands to: --json --compact --no-input --no-color --yes.
-
Pipeable — JSON on stdout, errors on stderr
-
Filterable —
--selectkeeps a subset of fields. Dotted paths descend into nested structures; arrays traverse element-wise. Critical for keeping context small on verbose APIs:figma-pp-cli activity-logs --agent --select id,name,status -
Previewable —
--dry-runshows the request without sending -
Offline-friendly — sync/search commands can use the local SQLite store when available
-
Non-interactive — never prompts, every input is a flag
-
Explicit retries — use
--idempotentonly when an already-existing create should count as success, and--ignore-missingonly when a missing delete target should count as success
Response envelope
Commands that read from the local store or the API wrap output in a provenance envelope:
{
"meta": {"source": "live" | "local", "synced_at": "...", "reason": "..."},
"results": <data>
}
Parse .results for data and .meta.source to know whether it's live or local. A human-readable N results (live) summary is printed to stderr only when stdout is a terminal AND no machine-format flag (--json, --csv, --compact, --quiet, --plain, --select) is set — piped/agent consumers and explicit-format runs get pure JSON on stdout.
Agent Feedback
When you (or the agent) notice something off about this CLI, record it:
figma-pp-cli feedback "the --since flag is inclusive but docs say exclusive"
figma-pp-cli feedback --stdin < notes.txt
figma-pp-cli feedback list --json --limit 10
Entries are stored locally at ~/.local/share/figma-pp-cli/feedback.jsonl. They are never POSTed unless FIGMA_FEEDBACK_ENDPOINT is set AND either --send is passed or FIGMA_FEEDBACK_AUTO_SEND=true. Default behavior is local-only.
Write what surprised you, not a bug report. Short, specific, one line: that is the part that compounds.
Output Delivery
Every command accepts --deliver <sink>. The output goes to the named sink in addition to (or instead of) stdout, so agents can route command results without hand-piping. Three sinks are supported:
| Sink | Effect |
|---|---|
stdout | Default; write to stdout only |
file:<path> | Atomically write output to <path> (tmp + rename) |
webhook:<url> | POST the output body to the URL (application/json or application/x-ndjson when --compact) |
Unknown schemes are refused with a structured error naming the supported set. Webhook failures return non-zero and log the URL + HTTP status on stderr.
Named Profiles
A profile is a saved set of flag values, reused across invocations. Use it when a scheduled agent calls the same command every run with the same configuration - HeyGen's "Beacon" pattern.
figma-pp-cli profile save briefing --json
figma-pp-cli --profile briefing activity-logs
figma-pp-cli profile list --json
figma-pp-cli profile show briefing
figma-pp-cli profile delete briefing --yes
Explicit flags always win over profile values; profile values win over defaults. agent-context lists all available profiles under available_profiles so introspecting agents discover them at runtime.
Exit Codes
| Code | Meaning |
|---|---|
| 0 | Success |
| 2 | Usage error (wrong arguments) |
| 3 | Resource not found |
| 4 | Authentication required |
| 5 | API error (upstream issue) |
| 7 | Rate limited (wait and retry) |
| 10 | Config error |
Argument Parsing
Parse $ARGUMENTS:
- Empty,
help, or--help→ showfigma-pp-cli --helpoutput - Starts with
install→ ends withmcp→ MCP installation; otherwise → see Prerequisites above - Anything else → Direct Use (execute as CLI command with
--agent)
MCP Server Installation
- Install the MCP server:
go install github.com/mvanhorn/printing-press-library/library/productivity/figma/cmd/figma-pp-mcp@latest - Register with Claude Code:
claude mcp add figma-pp-mcp -- figma-pp-mcp - Verify:
claude mcp list
Direct Use
- Check if installed:
which figma-pp-cliIf not found, offer to install (see Prerequisites at the top of this skill). - Match the user query to the best command from the Unique Capabilities and Command Reference above.
- Execute with the
--agentflag:figma-pp-cli <command> [subcommand] [args] --agent - If ambiguous, drill into subcommand help:
figma-pp-cli <command> --help.
FAQ
What does the pp-figma skill do?
Every Figma endpoint, plus codegen-ready frame extracts, comments audit, orphans finder, tokens diff Trigger phrases: extract a figma frame for codegen, compact figma file context for AI, find unresolved figma comments, figma stale components, diff figma design tokens, figma file fingerprint for CI, replay figma webhook deliveries, where is this figma variable used, use figma, run figma-pp-cli.
How do I install pp-figma?
Run npx skills add https://github.com/mvanhorn/printing-press-library --skill pp-figma in your project. The skills CLI detects the agents you use and copies the skill into the right folder. For Claude Code you can also place the skill folder at ~/.claude/skills/pp-figma/ (personal) or .claude/skills/pp-figma/ (project).
Which AI agents can use pp-figma?
Any agent that supports the open Agent Skills format (a folder with a SKILL.md file), including Claude Code, Codex, Cursor, GitHub Copilot, Gemini CLI, Windsurf, Cline, OpenCode and more.
Is pp-figma safe to install?
No partner security audit is available yet. Skills can run commands and scripts, so read the SKILL.md and any bundled files before installing.
Who maintains pp-figma?
It is published by mvanhorn in mvanhorn/printing-press-library. It has 728 recorded installs.
More from mvanhorn/printing-press-library
pp-flight-goat
mvanhorn/printing-press-library
Printing Press CLI for Flight Goat. Search real Google Flights fares, cheapest dates, Kayak routes, and FlySoar price checks with no API key — plus optional FlightAware AeroAPI flight status, delay, and alert data.
pp-espn
mvanhorn/printing-press-library
Use this skill whenever the user asks about live sports scores, standings, team stats, game summaries (with box score, leaders, scoring plays, odds, and win probability), NFL / NBA / MLB / NHL / NCAA / MLS / EPL / WNBA games, team schedules, polls, or rankings. ESPN sports CLI with live scores across 10 leagues, offline search, head-to-head comparisons, and rich per-game summary payloads. No API key required. Triggers on natural phrasings like 'what's the score of the Lakers game', 'Patriots schedule this week', 'NFL standings', 'box score for tonight's Mavs game', 'Chiefs vs Eagles head to head', 'who's on top of the AP poll'.
pp-movie-goat
mvanhorn/printing-press-library
The movie CLI that combines TMDb's discovery engine with OMDb's multi-source ratings — and ships a SQLite watchlist that flags what's streaming on your services right now. Trigger phrases: what should I watch tonight, where can I stream , rate , compare and , what's 's filmography, plan a marathon, use movie-goat, run movie-goat.
pp-recipe-goat
mvanhorn/printing-press-library
Find the best version of any recipe across 37 trusted sites — with offline cookbook, pantry match, substitution lookup, meal planning, and USDA-backed nutrition. Trigger phrases: find the best recipe for, what can I make with, substitute for , nutrition for , use recipe-goat.
pp-hackernews
mvanhorn/printing-press-library
Hacker News from your terminal — with a local SQLite store, snapshot history, and agent-native output no other HN tool has. Trigger phrases: check hacker news, search hn, what is hn saying about, diff the hn front page, pulse on hn, look up hn user, hn who is hiring, hn top stories, use hackernews, run hackernews.
printing-press-library
mvanhorn/printing-press-library
Use when looking for a CLI, API wrapper, scraper, data-source tool, automation tool, or focused agent skill for a task; searches the Printing Press Library and installs matching tools.
Popular frontend & design skills
setup-matt-pocock-skills
mattpocock/skills
Configure this repo for the engineering skills: set up its issue tracker, triage label vocabulary, and domain doc layout. Run once before first use of the other engineering skills.
frontend-design
anthropics/skills
Guidance for distinctive, intentional visual design when building new UI or reshaping an existing one. Helps with aesthetic direction, typography, and making choices that don't read as templated defaults.
hyperframes-animation
heygen-com/hyperframes
All animation knowledge for HyperFrames — atomic motion rules, multi-phase scene blueprints, scene transitions, broader motion-design techniques, AND the seven runtime adapters (GSAP default, plus Lottie, Three.js, Anime.js, CSS keyframes, Web Animations API, TypeGPU). Use for any motion or animation task: pick 2-4 rules and compose, or load a blueprint, or look up runtime-specific API (e.g. GSAP eases / Lottie player / Three.js mixer). Also covers auditing an existing composition's choreography (animation map) and 24 named text-animation effects. HyperFrames-native: single paused timeline, seek-safe, deterministic.
prototype
mattpocock/skills
Build a throwaway prototype to answer a design question. Use when the user wants to sanity-check whether a state model or logic feels right, or explore what a UI should look like.
hyperframes-core
heygen-com/hyperframes
The HyperFrames composition contract — build one renderable project. Use for composition structure, the data- timing attributes, class="clip", tracks, sub-compositions, variables, framework-owned media playback, deterministic-render rules, and validation. Read before writing composition HTML.
vercel-react-best-practices
vercel-labs/agent-skills
React and Next.js performance optimization guidelines from Vercel Engineering. This skill should be used when writing, reviewing, or refactoring React/Next.js code to ensure optimal performance patterns. Triggers on tasks involving React components, Next.js pages, data fetching, bundle optimization, or performance improvements.