Open Source TypeScript Vector Graphics Software

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.