openpencil/packages/docs/index.md

---
layout: home
title: OpenPencil — Open-Source Design Editor
description: Open-source Figma alternative. Opens .fig files, built-in AI, fully programmable.

hero:
  name: OpenPencil
  text: Open-Source Design Editor
  tagline: Opens Figma files. Built-in AI. Fully programmable. Also a toolkit for building custom editors.
  actions:
    - theme: brand
      text: Try Online
      link: https://app.openpencil.dev/demo
    - theme: alt
      text: Download
      link: https://github.com/open-pencil/open-pencil/releases/latest
    - theme: alt
      text: GitHub
      link: https://github.com/open-pencil/open-pencil

features:
  - icon: 📂
    title: Figma-Compatible
    details: Opens .fig files natively. Copy & paste between Figma and OpenPencil. Kiwi binary codec with round-trip fidelity.
  - icon: ⚡
    title: Programmable
    details: Headless CLI to inspect, export, and analyze .fig files. Figma Plugin API via eval. Tailwind CSS export. JSON output for CI and automation.
  - icon: 🧩
    title: Toolkit, not just app
    details: Build custom editing surfaces with the Vue SDK, embed OpenPencil into other products, or assemble workflow-specific editors around the same core.
  - icon: 🤖
    title: AI-Native
    details: Built-in chat with 90 tools — create shapes, set styles, manage layout, analyze tokens. MCP server for Claude Code, Cursor, Windsurf.
  - icon: 📖
    title: Open Source
    details: MIT license. Read and modify everything — the editor, the engine, the file codec, the CLI.
  - icon: 🖥️
    title: Free & Local
    details: No account, no server, no internet required. ~7 MB desktop app via Homebrew, or use the web app.
  - icon: 👥
    title: Real-Time Collaboration
    details: P2P via WebRTC — no server. Share a link, edit together with live cursors and follow mode.
---
OpenSpec baseline specs, VitePress docs, Windows build support 2026-02-28 08:38:27 +00:00			`---`
			`layout: home`
Rewrite docs: landing page, features, architecture — all 6 locales - Landing page: reorder features (Figma-compatible first), add collaboration card, fix app size - Features: cut implementation details, group into clear sections, add MCP/CLI/Homebrew - Architecture: replace ASCII diagram with mermaid, add RPC bridge, update tool counts - Remove ~500 lines of internal implementation prose from user-facing docs 2026-03-08 08:04:26 +00:00			`title: OpenPencil — Open-Source Design Editor`
			`description: Open-source Figma alternative. Opens .fig files, built-in AI, fully programmable.`
OpenSpec baseline specs, VitePress docs, Windows build support 2026-02-28 08:38:27 +00:00
			`hero:`
			`name: OpenPencil`
Rewrite docs: landing page, features, architecture — all 6 locales - Landing page: reorder features (Figma-compatible first), add collaboration card, fix app size - Features: cut implementation details, group into clear sections, add MCP/CLI/Homebrew - Architecture: replace ASCII diagram with mermaid, add RPC bridge, update tool counts - Remove ~500 lines of internal implementation prose from user-facing docs 2026-03-08 08:04:26 +00:00			`text: Open-Source Design Editor`
Refine docs structure for SDK and automation 2026-03-24 20:24:08 +00:00			`tagline: Opens Figma files. Built-in AI. Fully programmable. Also a toolkit for building custom editors.`
OpenSpec baseline specs, VitePress docs, Windows build support 2026-02-28 08:38:27 +00:00			`actions:`
			`- theme: brand`
Add app.openpencil.dev links to docs 2026-03-01 13:02:08 +00:00			`text: Try Online`
Move demo to /demo route, add @unhead/vue for title management - / shows empty canvas - /demo loads demo content (for app.openpencil.dev landing link) - Title template: '{page} — OpenPencil' via useHead - 'Try it online' links in README and docs point to /demo 2026-03-06 17:54:48 +00:00			`link: https://app.openpencil.dev/demo`
Add app.openpencil.dev links to docs 2026-03-01 13:02:08 +00:00			`- theme: alt`
Add download links to README, docs landing, and getting started 2026-03-01 13:32:45 +00:00			`text: Download`
			`link: https://github.com/open-pencil/open-pencil/releases/latest`
OpenSpec baseline specs, VitePress docs, Windows build support 2026-02-28 08:38:27 +00:00			`- theme: alt`
Add download links to README, docs landing, and getting started 2026-03-01 13:32:45 +00:00			`text: GitHub`
Update repo references to open-pencil/open-pencil 2026-03-01 13:18:11 +00:00			`link: https://github.com/open-pencil/open-pencil`
OpenSpec baseline specs, VitePress docs, Windows build support 2026-02-28 08:38:27 +00:00
			`features:`
			`- icon: 📂`
Sync docs with README motivation: landing, features, comparison, user guide 2026-03-01 10:58:54 +00:00			`title: Figma-Compatible`
Rewrite docs: landing page, features, architecture — all 6 locales - Landing page: reorder features (Figma-compatible first), add collaboration card, fix app size - Features: cut implementation details, group into clear sections, add MCP/CLI/Homebrew - Architecture: replace ASCII diagram with mermaid, add RPC bridge, update tool counts - Remove ~500 lines of internal implementation prose from user-facing docs 2026-03-08 08:04:26 +00:00			`details: Opens .fig files natively. Copy & paste between Figma and OpenPencil. Kiwi binary codec with round-trip fidelity.`
			`- icon: ⚡`
			`title: Programmable`
Refine docs structure for SDK and automation 2026-03-24 20:24:08 +00:00			`details: Headless CLI to inspect, export, and analyze .fig files. Figma Plugin API via eval. Tailwind CSS export. JSON output for CI and automation.`
			`- icon: 🧩`
			`title: Toolkit, not just app`
			`details: Build custom editing surfaces with the Vue SDK, embed OpenPencil into other products, or assemble workflow-specific editors around the same core.`
OpenSpec baseline specs, VitePress docs, Windows build support 2026-02-28 08:38:27 +00:00			`- icon: 🤖`
Sync docs with README motivation: landing, features, comparison, user guide 2026-03-01 10:58:54 +00:00			`title: AI-Native`
Rewrite docs: landing page, features, architecture — all 6 locales - Landing page: reorder features (Figma-compatible first), add collaboration card, fix app size - Features: cut implementation details, group into clear sections, add MCP/CLI/Homebrew - Architecture: replace ASCII diagram with mermaid, add RPC bridge, update tool counts - Remove ~500 lines of internal implementation prose from user-facing docs 2026-03-08 08:04:26 +00:00			`details: Built-in chat with 90 tools — create shapes, set styles, manage layout, analyze tokens. MCP server for Claude Code, Cursor, Windsurf.`
			`- icon: 📖`
			`title: Open Source`
			`details: MIT license. Read and modify everything — the editor, the engine, the file codec, the CLI.`
OpenSpec baseline specs, VitePress docs, Windows build support 2026-02-28 08:38:27 +00:00			`- icon: 🖥️`
Rewrite docs: landing page, features, architecture — all 6 locales - Landing page: reorder features (Figma-compatible first), add collaboration card, fix app size - Features: cut implementation details, group into clear sections, add MCP/CLI/Homebrew - Architecture: replace ASCII diagram with mermaid, add RPC bridge, update tool counts - Remove ~500 lines of internal implementation prose from user-facing docs 2026-03-08 08:04:26 +00:00			`title: Free & Local`
			`details: No account, no server, no internet required. ~7 MB desktop app via Homebrew, or use the web app.`
			`- icon: 👥`
			`title: Real-Time Collaboration`
			`details: P2P via WebRTC — no server. Share a link, edit together with live cursors and follow mode.`
OpenSpec baseline specs, VitePress docs, Windows build support 2026-02-28 08:38:27 +00:00			`---`