skills.rest
nikbrunner
nikbrunnerCOMMUNITY
Explore all skills by this author →
WebsiteGitHub

open-pencil

Inspect, analyze, export, and modify Figma .fig files via CLI and MCP server.

Updated Jun 17, 2025
Search Tags:#automation#design#cli#analysis#figma#export
One-click install
npx skills add https://github.com/nikbrunner/dots --skill open-pencil
Or copy as Structured Prompt for Agent▼
Please help me install this Agent Skill.
Skill: open-pencil
Source: https://github.com/nikbrunner/dots/tree/main/common/.agents/skills/open-pencil
Command: npx skills add https://github.com/nikbrunner/dots --skill open-pencil

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

CLI and MCP server tooling to inspect, analyze, export, and modify Figma (.fig) design files without opening the editor.

Core Features & Use Cases

  • Inspect: view document overview, pages, and node properties.
  • Export: render assets such as images, JSX, and style data from design.fig.
  • Analyze: assess colors, typography, spacing, and component usage for reuse.
  • MCP Server: remote control and automation of design workflows via HTTP or stdio.

Quick Start

Start the MCP server, connect the CLI to the running editor, and run bun open-pencil info design.fig to verify setup.

Frequently Asked Questions about open-pencil

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I automate Figma file export from the command line?▼

You can automate Figma file export from the command line by running the open-pencil CLI to render images, JSX, and style data directly from .fig files without opening the editor.

Can I analyze Figma variables and design tokens without opening the editor?▼

Yes, you can analyze Figma variables and design tokens without opening the editor by using the CLI analyze command to assess colors, typography, spacing, and component usage for reuse.

How do I inspect a Figma document tree via an MCP server?▼

You can inspect a Figma document tree via an MCP server by starting the headless HTTP or stdio workflow and running the tree command to view node properties and page structures.

What is the best way to integrate Figma design workflows into automated pipelines?▼

The best way to integrate Figma design workflows into automated pipelines is by using an MCP server to remotely control inspection, analysis, export, and modification of .fig files headlessly.

Does this CLI approach work for headless Figma modification in CI environments?▼

Yes, this CLI approach works for headless Figma modification in CI environments by supporting app and headless modes to evaluate and modify .fig files without launching the OpenPencil editor.

Related Skills

Explore More Design & Creative Skills→
zomeruzomeru

bun

Automates JavaScript/TypeScript builds, tests, and installs with Bun's native tools.

Community
Advanced
nidhalboumaiza-0nidhalboumaiza-0

frontend-design

Convert UI style requirements into frontend code with a tokens-first design system.

Community
Advanced
lucasfthlucasfth

mcporter

Automate MCP server discovery, authentication, configuration, and tool calls from the terminal.

Community
Intermediate
Pythagora-ioPythagora-io
9

figma

Extract structure, components, styles, and assets from Figma files via the REST API.

Official
Intermediate