Benutzerhandbuch

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

Tastenkürzel auf verschiedenen Betriebssystemen

Die Dokumentation verwendet die macOS-Schreibweise: ⌘ entspricht Command beziehungsweise Strg unter Windows und Linux, ⌥ entspricht Option beziehungsweise Alt und ⇧ entspricht Shift.

Einstieg

• Navigation auf der Arbeitsfläche — Ansicht verschieben, zoomen und das Handwerkzeug verwenden;
• Auswählen und Bearbeiten — Objekte auswählen, verschieben, skalieren, drehen und anordnen.

Inhalte erstellen

• Formen zeichnen — Rechtecke, Ellipsen, Linien, Rahmen, Sektionen, Polygone und Sterne;
• Text bearbeiten — Text erstellen und formatieren;
• Zeichenstift — Vektorpfade und Bézierkurven zeichnen;
• Vektoren bearbeiten — Ankerpunkte, Griffe und Segmente verändern.

Dokument organisieren

• Ebenen und Seiten — Ebenenbaum, Seiten und Eigenschaften;
• Kontextmenü — Zwischenablage, Gruppen, Komponenten und weitere Aktionen;
• Export — Bilder, SVG und .fig-Dateien exportieren.

Erweiterte Funktionen

• Automatische Anordnung — Anordnung mit Flexbox und CSS Grid;
• Komponenten — wiederverwendbare Komponenten, Instanzen und Überschreibungen;
• Variablen — Designvariablen, Sammlungen, Modi und Bindungen.
• Designs prüfen — das Prüfen-Panel, Problemmarkierungen auf der Arbeitsfläche und Lint-Regeln.