---
layout: doc
title: Benutzerhandbuch
description: OpenPencil verwenden — Navigation, Zeichnen, Text, Komponenten, automatische Anordnung und weitere Funktionen.
---

# Benutzerhandbuch

OpenPencil ist ein lokaler Open-Source-Design-Editor mit Figma-Kompatibilität, integrierter KI und Automatisierungs-APIs. Dieses Handbuch erklärt die wichtigsten Arbeitsabläufe.

::: tip Tastenkürzel auf verschiedenen Betriebssystemen
Die Dokumentation verwendet die macOS-Schreibweise: <kbd>⌘</kbd> entspricht <kbd>Command</kbd> beziehungsweise <kbd>Strg</kbd> unter Windows und Linux, <kbd>⌥</kbd> entspricht <kbd>Option</kbd> beziehungsweise <kbd>Alt</kbd> und <kbd>⇧</kbd> entspricht <kbd>Shift</kbd>.
:::

## Einstieg

- [Navigation auf der Arbeitsfläche](./canvas-navigation) — Ansicht verschieben, zoomen und das Handwerkzeug verwenden;
- [Auswählen und Bearbeiten](./selection-and-manipulation) — Objekte auswählen, verschieben, skalieren, drehen und anordnen.

## Inhalte erstellen

- [Formen zeichnen](./drawing-shapes) — Rechtecke, Ellipsen, Linien, Rahmen, Sektionen, Polygone und Sterne;
- [Text bearbeiten](./text-editing) — Text erstellen und formatieren;
- [Zeichenstift](./pen-tool) — Vektorpfade und Bézierkurven zeichnen;
- [Vektoren bearbeiten](./vector-edit) — Ankerpunkte, Griffe und Segmente verändern.

## Dokument organisieren

- [Ebenen und Seiten](./layers-and-pages) — Ebenenbaum, Seiten und Eigenschaften;
- [Kontextmenü](./context-menu) — Zwischenablage, Gruppen, Komponenten und weitere Aktionen;
- [Export](./exporting) — Bilder, SVG und `.fig`-Dateien exportieren.

## Erweiterte Funktionen

- [Automatische Anordnung](./auto-layout) — Anordnung mit Flexbox und CSS Grid;
- [Komponenten](./components) — wiederverwendbare Komponenten, Instanzen und Überschreibungen;
- [Variablen](./variables) — Designvariablen, Sammlungen, Modi und Bindungen.
- [Designs prüfen](/user-guide/checking-designs) — das Prüfen-Panel, Problemmarkierungen auf der Arbeitsfläche und Lint-Regeln.