b9753aa016
Eleven translated pages changed in English since the last release without matching updates: system requirements, the Lint tab, AI chat diff tools, collaboration with agents, design JSX imports and export fidelity, Storybook and live-app export, lint fixes, page navigation, and Checking Designs. Bring de, es, fr, it, pl, and ru up to date, add the sections the abridged translations lacked where a change landed, use each language's UI labels, and point the export page at documents list.
39 lines
2 KiB
Markdown
39 lines
2 KiB
Markdown
---
|
|
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.
|