OpenPencil

dannote·OpenPencil.OpenPencil

An AI-native design editor and open-source Figma alternative.

OpenPencil is an AI-native design editor and open-source Figma alternative that supports .fig and .pen design files. What it does - Opens .fig and .pen files — read and write native Figma files, open supported Pencil documents from the app or OS file browser, copy & paste nodes between apps - AI builds designs — describe what you want in chat, 90+ tools create and modify nodes. Connect OpenRouter, Anthropic, OpenAI, Google AI, Z.ai, MiniMax, or compatible endpoints - Fully programmable — headless CLI, XPath queries, Figma Plugin API via eval, MCP server for AI agents, and desktop agent integrations for Claude Code, Codex, and Gemini CLI - Lint, convert, and extract tokens — inspect documents, lint naming/layout/accessibility, convert between supported formats, analyze colors/typography/spacing/clusters, and extract design tokens - Components and variants — create reusable components, group variants into component sets, insert local assets as instances, and switch variants from the inspector - Image vectorization — convert image layers into editable vector layers with Recraft or fal.ai - Design-to-code export — export selections as JSX/Tailwind, generate token outputs, and map designs into component-oriented code workflows - Vue SDK for custom editors — headless components and composables for embedding OpenPencil into other apps or building workflow-specific editing surfaces. Read the SDK docs → - Real-time collaboration — P2P via WebRTC, no server, no account. Cursors, presence, follow mode - Auto layout & CSS Grid — flex and grid layout via Yoga WASM, with gap, padding, alignment, track sizing - ~7 MB desktop app — Tauri v2 for macOS, Windows, Linux. Also runs in the browser as a PWA