Whiteboard

Arbeite gemeinsam auf einer geteilten Zeichenfläche mit Zeichenwerkzeugen, Formen, Text, Sticky Notes und Echtzeit-Synchronisierung.

Whiteboard öffnen#

Klicke in der Seitenleiste auf Whiteboard. Die Seitenleiste wird automatisch ausgeblendet, um mehr Platz für die Zeichenfläche zu schaffen. Du kannst sie über die obere Leiste wieder einblenden.

Werkzeuge#

Die linke Werkzeugleiste enthält alle Zeichen- und Bearbeitungswerkzeuge:

• Auswählen (-) - Klicken zum Auswählen, Ziehen zum Bewegen, Griffe zum Skalieren
• Hand (-) - Zeichenfläche verschieben (auch: mittlere Maustaste ziehen)
• Punkt-Auswahl (V) - Ankerpunkte an Pfaden und Formen bearbeiten
• Rechteck (-) - Rechtecke zeichnen
• Kreis (-) - Ellipsen zeichnen
• Polygon (-) - Polygone zeichnen
• Text (-) - Klicken, um Text hinzuzufügen
• Frame (-) - Exportbereiche/Frames erstellen
• Stift (P) - Bezierpfade zeichnen
• Pinsel (B) - Freihand zeichnen
• Pfeil (A) - Pfeile mit Kurvenoptionen zeichnen
• Sticky Note (-) - Haftnotizen hinzufügen
• Pfad (-) - Pfade zeichnen (geschlossen oder offen)

Rückgängig: Q | Wiederholen: E (unten in der linken Werkzeugleiste)

Formen zeichnen#

1. Wähle ein Formwerkzeug (Rechteck, Kreis, Polygon usw.)
2. Klicke und ziehe auf der Zeichenfläche
3. Lasse los, um abzuschließen

Für Pfeile: Nach dem Zeichnen kannst du in der unteren Leiste den Kurvenstil wählen (links / gerade / rechts).

Auswählen und bearbeiten#

Mit dem Werkzeug Auswählen:

• Klicke auf eine Form, um sie auszuwählen
• Ziehe, um sie zu bewegen
• Eckgriffe, um sie zu skalieren
• Pfeilskalierung skaliert auch die Strichbreite

Mit dem Werkzeug Punkt-Auswahl (V):

• Klicke auf einen Ankerpunkt, um ihn auszuwählen
• Ziehe, um ihn neu zu positionieren
• Auswahlrahmen ziehen (leere Fläche), um mehrere Punkte auszuwählen
• Pfeiltasten verschieben ausgewählte Punkte

Text und Sticky Notes#

Text hinzufügen#

1. Wähle das Werkzeug Text
2. Klicke auf die Zeichenfläche
3. Gib deinen Text im Overlay ein
4. Klicke außerhalb, um die Bearbeitung zu beenden

Sticky Note hinzufügen#

1. Wähle das Werkzeug Sticky Note
2. Klicke auf die Zeichenfläche, um sie zu platzieren
3. Gib Inhalt ein
4. Ziehe sie, um sie neu zu positionieren

Link-Karten#

Bette Weblinks als visuelle Karten auf der Zeichenfläche ein:

1. Wähle eine Form oder nutze das Kontextmenü -> Link hinzufügen
2. Gib eine URL im Link-Bearbeitungsmodal ein
3. Die Karte zeigt eine Vorschau mit Metadaten und weitergeleitetem Thumbnail
4. Klicke auf die Karte, um den Link zu öffnen

Eigenschaften-Panel#

Die rechte Werkzeugleiste zeigt Eigenschaften für die ausgewählte Form:

• Füllung: Farbe und Deckkraft
• Kontur: Farbe, Breite und Stil
• Effekte (Schatten, Weichzeichnung usw.)
• Text-Eigenschaften (Schrift, Größe, Ausrichtung)

Bereiche sind einklappbar und ihr Zustand bleibt erhalten. Das Panel wird ausgeblendet, wenn nichts ausgewählt ist.

Ebenen#

Öffne das Ebenen-Panel über das obere Overflow-Menü:

• Alle Formen nach z-Index anzeigen
• Ebenen neu sortieren (z-Index bleibt eindeutig)
• Sichtbarkeit umschalten
• Ebenen sperren

Frames#

Frames sind Exportbereiche, die Inhalte gruppieren:

1. Wähle das Werkzeug Frame
2. Zeichne ein Rechteck auf der Zeichenfläche
3. Frame-Beschriftungen erscheinen als Overlays
4. Ziehe Formen in einen Frame, um sie zuzuordnen
5. Beim Verschieben eines Frames bewegen sich alle Inhalte mit

Wenn du eine Form verschiebst oder skalierst und gleichzeitig ihre Frame-Zuordnung änderst, werden beide Änderungen zu einem Rückgängig-Eintrag zusammengeführt.

Kontextmenü#

Rechtsklicke auf die Zeichenfläche oder eine Form, um das Kontextmenü zu öffnen:

• Kopieren / Einfügen - Zwischenablageaktionen
• Löschen - Form entfernen
• Nach vorne / Nach hinten - z-Index ändern
• Link hinzufügen - Link-Bearbeitungsmodal öffnen
• Formspezifische Optionen

Zusammenarbeit#

Alle Änderungen werden in Echtzeit über WebSocket (Yjs) synchronisiert:

• Kollaborator-Cursor sind mit benutzerspezifischen Farben sichtbar
• Mehrere Benutzer können gleichzeitig zeichnen und bearbeiten
• Änderungen sind konfliktfrei und werden schließlich konsistent

Schwenken und Zoomen#

• Hand-Werkzeug - Klicken und ziehen zum Schwenken
• Mittlere Maustaste - Schwenken (funktioniert mit jedem Werkzeug)
• Mausrad - Hinein-/Herauszoomen
• Schwenken hat Trägheit - es läuft kurz weiter, nachdem du loslässt
• Neue Eingabe bricht das Gleiten ab

Ansicht über das obere Overflow-Menü -> Ansicht zurücksetzen zurücksetzen.

Tastenkombinationen#

• Q - Rückgängig
• E - Wiederholen
• V - Punkt-Auswahl
• P - Stift-Werkzeug
• B - Pinsel-Werkzeug
• A - Pfeil-Werkzeug
• Delete / Backspace - Ausgewähltes löschen
• Ctrl+Z - Rückgängig
• Ctrl+Shift+Z - Wiederholen

Öffne die vollständige Kurzbefehlsreferenz über das obere Overflow-Menü -> Kurzbefehle.