OpenPencil launches AI‑native open‑source design editor as a Figma alternative

Overview

OpenPencil is an AI‑native, open‑source design editor that positions itself as a community‑driven alternative to the proprietary Figma platform. The project is hosted on GitHub (https://github.com/open-pencil/open-pencil) and is released under the MIT License, with the optional cloud component under Apache 2.0.

Key Features

• Native .fig and .pen support – The editor can read and write Figma’s native `.fig` files as well as its own `.pen` format, allowing seamless migration of existing projects.
• Built‑in AI assistant – A chat‑based assistant (triggered with ⌘ J / Ctrl J) offers more than 100 tools for creating shapes, applying fills, managing auto‑layout, handling components, and exporting assets. Users can bring their own API keys for providers such as OpenAI, Anthropic, Google AI, DeepSeek, and others.
• Fully programmable toolkit – A head‑less CLI, XPath‑style queries, and an OpenPencil API (compatible with Figma’s Plugin API) let developers script virtually any operation. The Vue SDK supplies composables for embedding the editor in custom applications.
• Real‑time peer‑to‑peer collaboration – WebRTC rooms enable multiple users to edit the same document without a central server or account. Cursors, presence indicators, follow‑mode, and voice calls are built‑in.
• Design‑to‑code export – Selections can be exported as JSX, Tailwind, or design‑token JSON, and the tool can render to PNG, JPG, SVG, PDF, PPTX, HTML, Storybook stories, and more.
• Component system & auto‑layout – Reusable components, variant sets, and Yoga‑based Flex/Grid layout (including gap, padding, alignment) are supported.
• Image vectorization – Integrated Recraft or fal.ai services can turn raster layers into editable vectors.

System Requirements

• Desktop app – macOS 13+ (Safari up‑to‑date), Windows 10+, or Linux with WebKitGTK 2.40+. The binary is a ~15 MB Tauri v2 package.
• Web app (PWA) – Chrome 111+, Edge 111+, Firefox 128+, or Safari 16.4+. No installation needed; the app runs in any modern browser that supports WebKit.

Privacy and Data Handling

Official builds send one anonymous ping per day. Detailed usage statistics are only transmitted if the user opts‑in. The privacy page (linked from the repo) enumerates every field that may be sent and explains how to disable telemetry.

Development Status and Community

The repository indicates active development. The roadmap lists upcoming compatibility fixes for newer Figma file versions and UI enhancements. Contributions are welcomed via GitHub Discussions, Issues, and Pull Requests. The project acknowledges support from Anthropic’s open‑source program and code‑review assistance from CodeRabbit.

How to Try It

1. Online demo – Visit `app.openpencil.dev` to launch the web version instantly.
2. Desktop download – Grab the latest release from the GitHub *Releases* page and follow the Tauri build instructions (Rust and platform‑specific prerequisites required).
3. Documentation – The VitePress docs include a `llms.txt` file that lists compatible AI providers and model limitations.

Practical Implications

• Design teams can keep assets on‑premises, avoiding vendor lock‑in while still benefitting from AI‑assisted generation.
• Developers gain a scriptable design pipeline that can be integrated into CI/CD workflows, thanks to the head‑less CLI and Vue SDK.
• Educators and hobbyists get a free, low‑overhead tool for learning UI/UX concepts without needing a paid Figma subscription.

Verifying the Announcement

All claims above are drawn from the official GitHub repository and its accompanying documentation (README, roadmap, privacy page). Interested readers should consult the repository directly, review the latest release notes, and test the live demo to confirm feature availability.

--- *This article does not contain original reporting; it summarizes publicly available information from the OpenPencil GitHub project.*