AI product Open source

OpenPencil

OpenPencil is an open-source, local-first design editor and Figma alternative developed as a programmable toolkit. It opens and writes native .fig files and supported .pen documents, supports components, variants, auto layout, CSS Grid, real-time peer-to-peer collaboration over WebRTC, and exports designs to formats including SVG, PDF, HTML, JSX, Tailwind JSX, Storybook stories, and .fig.

View repository Visit site Mentioned in 1 video ↓

Overview

Its built-in AI assistant uses more than 100 tools to create and modify design nodes, manage components and variables, analyze design tokens, and export assets. Users provide their own API key for supported providers such as OpenRouter, Anthropic, OpenAI, Google AI, DeepSeek, Z.ai, and MiniMax. A headless CLI can inspect document trees, query nodes with XPath, run Figma Plugin API JavaScript, lint and analyze files, convert formats, import HTML/CSS as editable layers, and control the running editor. An MCP server exposes design inspection, modification, and export tools to coding agents and other MCP clients, while a headless Vue SDK supports custom editing surfaces.

OpenPencil runs as a Tauri desktop application for macOS, Windows, and Linux, as well as a browser PWA, and is available through Homebrew, downloadable releases, and the web app. The project is in active development and is licensed under the MIT License; its optional cloud server and administration components use the Apache License 2.0.

What OpenPencil is used for

1 use taken from transcripts — each links to the moment in the video.

  • An open-source AI-native, local-first design editor and Figma alternative that reads and writes native .fig files, with a built-in AI assistant, headless CLI, MCP server for coding agents, and Vue SDK for custom editors.

Videos mentioning OpenPencil

1 in the library.