Download
OpenPencil is a free, open-source interface design editor that combines vector editing, AI assistance, and programmable design workflows. It provides an alternative to Figma with support for opening and editing native Figma files and OpenPencil documents. Users can create layouts, reusable components, variants, and interactive controls through a visual canvas. Its integrated AI assistant can generate and modify designs using natural language instructions. OpenPencil also supports design token extraction, accessibility checks, and code generation for JSX and Tailwind CSS. Developers can automate design operations through a command-line interface, MCP server, and headless Vue SDK. Available for Windows, macOS, Linux, and web browsers, it also includes real-time collaboration and optional cloud storage.
Features
- Native Figma file importing and editing
- AI-powered design generation and modification
- Reusable components, variants, and interactive controls
- Auto layout, CSS Grid, and vector editing
- JSX, Tailwind CSS, and design token exporting
- Real-time collaboration, CLI automation, and MCP integration
Project Samples
