open-pencil
AI-native design editor. Open-source Figma alternative.
OpenPencil MCP server enables AI agents to programmatically interact with design documents through over 100 specialized tools. The server allows agents running in Claude Code, Cursor, Windsurf, and other MCP-compatible clients to open .fig and .pen files, create and modify design nodes, run boolean operations, analyze design tokens, manage components and auto-layout, and export assets in multiple formats. It operates headlessly via stdio or HTTP transport, with optional file-system scoping for security. The MCP server complements OpenPencil's broader toolkit as an AI-native design editor, bringing full design automation capabilities to coding agents.
Key Features
Use Cases
- 01Automate design-to-code workflows by having AI agents export components as JSX with Tailwind classes
- 02Audit design systems at scale by analyzing color palettes, typography, and spacing tokens across documents
- 03Generate design variations programmatically by prompting agents to modify fills, strokes, layouts, and component properties
- 04Integrate design file inspection into CI/CD pipelines to lint naming conventions and accessibility issues
- 05Build custom design automation scripts that query node trees, extract assets, and convert between formats
- 06Enable conversational design workflows where agents create and iterate on UI mockups from natural language descriptions
Related MCP Servers
View moremarkitdown
Python tool for converting files and office documents to Markdown.
firecrawl
The context API to search, scrape, and interact with the web at scale. 🔥
prompts.chat
f.k.a. Awesome ChatGPT Prompts. Share, discover, and collect prompts from the community. Free and open source — self-host for your organization with complete privacy.
langflow
Langflow is a powerful tool for building and deploying AI-powered agents and workflows.
open-pencil — FAQ
What is the OpenPencil MCP server?+
The OpenPencil MCP server is a Model Context Protocol implementation that exposes over 100 tools for AI agents to read, write, and manipulate design files in .fig and .pen formats. It enables agents to perform tasks like creating shapes, managing components, analyzing design tokens, and exporting assets.
How do I install the OpenPencil MCP server?+
Install globally via npm with 'npm install -g @open-pencil/mcp', then add it to your MCP client. For Claude Code, run 'claude mcp add --scope user open-pencil -- openpencil-mcp'. For other clients, add the server configuration to your MCP settings JSON with the command 'openpencil-mcp'.
Which AI clients work with the OpenPencil MCP server?+
The server works with Claude Code, Cursor, Windsurf, and any MCP-compatible client that supports stdio or HTTP transport. It can also be accessed programmatically via HTTP on port 7600 for custom scripts and CI pipelines.
Do I need API keys to use the OpenPencil MCP server?+
No API keys are required to use the MCP server itself. However, if you use the OpenPencil desktop app's built-in AI assistant, you'll need to bring your own API key for providers like OpenRouter, Anthropic, OpenAI, or Google AI.
Is the OpenPencil MCP server free and open source?+
Yes, the OpenPencil MCP server is released under the MIT license and is completely free to use. The entire OpenPencil project, including the MCP server, is open source on GitHub.
How do I restrict file access for the MCP server?+
Set the OPENPENCIL_MCP_ROOT environment variable to a directory path to scope file operations like open_file, new_document, and export paths. By default, it uses the current working directory.
How do I install open-pencil?+
Open the source repository on GitHub and follow its README. open-pencil is a mcp server — MCP Agents Market links you directly to the official repo.
Is open-pencil free?+
open-pencil is an open-source project hosted on GitHub. Check the repository for its license and any usage requirements.