---
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.
---