Summary
This is a full-featured bridge to Figma files and the OpenPencil editor. It works in two modes: headless on .fig files directly, or connected to the running app via HTTP. The 94 MCP tools cover everything from XPath queries and design token analysis to JSX export (both native format and Tailwind React components) and programmatic edits via the Figma Plugin API. The eval command is the standout: you can run arbitrary JavaScript against the document model, which means Claude can make surgical changes to designs without round-tripping through manual edits. If you're automating design work or need to query design systems programmatically, this handles it. The XPath support for querying nodes by attributes like width or stackMode is smarter than typical name-based search.
Install to Claude Code
npx -y skills add open-pencil/skills --skill open-pencil --agent claude-codeInstalls into .claude/skills of the current project.
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →
On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →
An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →
Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →Files
SKILL.md
Select a file.
Featured
Agent, run crypto. Access onchain data & trade routes via 1inch.
Install now →On Capafy, your Skill runs online 24/7 as an agent product, and you get paid every time someone uses it.
Start earning →An agent that runs the SEO playbooks that move rankings and ships PRs you control.
Get founding access →Connect Claude to +800M contacts, +150M companies. Find & Enrich leads in chat.
Try For Free →First SeenMay 16, 2026
