44 lines
1.8 KiB
Markdown
44 lines
1.8 KiB
Markdown
---
|
|
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.
|
|
---
|