---
layout: home
title: OpenPencil — Open-Source-Design-Editor
description: Open-Source-Alternative zu Figma mit .fig-Unterstützung, integrierter KI und umfassender Automatisierung.

hero:
  name: OpenPencil
  text: Open-Source-Design-Editor
  tagline: Öffnet Figma-Dateien. Integrierte KI. Vollständig programmierbar. Und ein Werkzeugkasten für eigene Editoren.
  actions:
    - theme: brand
      text: Online ausprobieren
      link: https://app.openpencil.dev/demo
    - theme: alt
      text: Herunterladen
      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: Mit Figma kompatibel
    details: Öffnet .fig-Dateien direkt. Unterstützt Kopieren und Einfügen zwischen Figma und OpenPencil. Der Kiwi-Binärcodec erhält die Daten bei Import und Export.
  - icon: ⚡
    title: Programmierbar
    details: CLI ohne grafische Oberfläche zum Untersuchen, Exportieren und Analysieren von .fig-Dateien. Figma Plugin API über eval, Tailwind-CSS-Export und JSON-Ausgabe für CI und Automatisierung.
  - icon: 🧩
    title: Mehr als nur eine App
    details: Mit dem Vue SDK eigene Bearbeitungsoberflächen entwickeln, OpenPencil in andere Produkte einbetten oder spezialisierte Editoren auf demselben Kern aufbauen.
  - icon: 🤖
    title: Integrierte KI
    details: Chat mit 90 Werkzeugen zum Erstellen von Formen, Ändern von Stilen, Verwalten von Anordnungen und Analysieren von Designtoken. MCP-Server für Claude Code, Cursor und Windsurf.
  - icon: 📖
    title: Open Source
    details: MIT-Lizenz. Editor, Engine, Dateicodec und CLI lassen sich vollständig einsehen und verändern.
  - icon: 🖥️
    title: Kostenlos und lokal
    details: Kein Konto, kein Server und keine Internetverbindung erforderlich. Desktop-App mit etwa 7 MB über Homebrew oder direkt als Web-App.
  - icon: 👥
    title: Zusammenarbeit in Echtzeit
    details: Direkte Verbindung über WebRTC ohne zentralen Server. Link teilen und gemeinsam mit Teilnehmerzeigern und Ansichtsverfolgung bearbeiten.
---