Open Pencil
Open-source design editor for vector and interface projects featuring AI-powered generation, .fig and .pen file support, design-to-code export, real-time P2P collaboration, linting, tokens, advanced programmability, Vue SDK, and privacy-friendly operation.
Features
Properties
- Privacy focused
Features
- No Tracking
- Real time collaboration
- Ad-free
- Support for Layers
- Works Offline
- Create UI Components
- Dark Mode
- Non Destructive Editing
- Auto Layout
- Built-in Color Picker
- UI Design
- Team Collaboration
- Model Context Protocol (MCP) Support
- Pixel Ruler
- Built-in AI Assistant
- Support for Keyboard Shortcuts
- Peer-To-Peer
- Progressive Web App
Import from Figma- AI-Powered
- WebRTC
Open Pencil News & Activities
Recent activities
- Danilo_Venom updated Open Pencil
- Netkuszkusz updated Open Pencil
Open Pencil information
Developed by
Danila Poyarkov Licensing
Open Source (MIT) and Free product.Written in
Alternatives
51 alternatives listedSupported Languages
- English
- German
- French
- Italian
- Spanish
- Polish
- Russian
AlternativeTo Categories
Photos & Graphics, AI Tools & Services, Development, File Sharing, Office & Productivity, Remote Work & EducationGitHub repository
- 4,375 Stars
- 374 Forks
- 34 Open Issues
- Updated
What is Open Pencil?
OpenPencil is an open-source design editor that can open .fig and .pen files. It has built-in AI functionality and comes as a programmable toolkit with a Vue SDK for creating custom editors. The software can read and write Figma files, open Pencil documents, and copy & paste nodes across apps. Its AI toolset of over 90 tools can create and modify nodes based on user instructions. It connects to various AI endpoints such as OpenRouter, Anthropic, OpenAI, Google AI, Z.ai, and MiniMax.
OpenPencil is fully programmable with a Command Line Interface, XPath queries, and a Figma Plugin API. It includes an MCP server for AI agents and desktop agent integrations for Claude Code, Codex, and Gemini CLI. It allows users to inspect documents, convert between formats, analyze design elements, and extract design tokens. It also supports design-to-code export for JSX/Tailwind, token outputs, and component-oriented code workflows.
OpenPencil supports real-time collaboration via P2P connections through WebRTC, eliminating the need for a server or account. It includes auto layout & CSS Grid features via Yoga Web Assembly, with gap, padding, alignment, and track sizing. It's a lightweight desktop application compatible with macOS, Windows, and Linux, and can also run in a browser as a PWA.