Diagramme und Flows mit Verbindern und Linien erstellen
- Nutzer*innen mit Schreibzugriff können Verbinder erstellen und bearbeiten.
- In diesem Artikel geht es um Linien in FigJam, dem neuen digitalen Whiteboard-Tool von Figma. Linien sind in Designdateien gerade Vektorpfade. In Figma können auch Prototyp-Verbindungen verwendet werden.
Mit Linien kannst du in FigJam Formen und Notizen verbinden, eine Reihenfolge darstellen oder einen Kommentar auf dem Whiteboard hinzufügen. Jede Linie kann farblich und in der Stärke angepasst und mit Text und Endpunkten versehen werden.
Es gibt zwei Arten von Linienformen:
- Gewinkelte Verbinder können um Objekte herum in einem indirekten Pfad zu anderen Objekten auf dem Whiteboard führen.
- Gerade Linien erzeugen einen direkten Pfad zu anderen Objekten auf dem Whiteboard.
Eine Linie erstellen
Linien verbinden sich mit bestehenden Formen und Notizen. Daher können die Linien zusammen mit der Form auf dem Whiteboard verschoben werden.
- Klicke in der Symbolleiste auf .
- Wähle zwischen einem gewinkelten Verbinder oder einer geraden Linie. Du kannst auch die Tastaturbefehle X oder ⇧ Umschalt L verwenden, um eine gebogene Linie zu erstellen, und L, um eine gerade Linie einzufügen.
- Bewege den Cursor mit gedrückter Maustaste von einem Objekt zu einem anderen, das du mit ihm verbinden möchtest.
Anschließend kannst du auf den Start- oder Endpunkt der Linie klicken und diesen zu einem andern Objekt oder zur anderen Seite desselben Objekts ziehen.
Ein Verbinder wird automatisch hinzugefügt, wenn du eine Form mit einer Schnellaktion auf dem Whiteboard hinzufügst.
Linien verschieben
Linien können auf dem Whiteboard verschoben und mit anderen Objekten verbunden werden. Die Pfade können verschoben werden, um einen Flow besser zu veranschaulichen oder auf dem Whiteboard Platz für andere Objekte zu schaffen.
Start- und Endpunkte verschieben
Wenn sich Start- und Endpunkt einer Linie mit der Seite eines Objekts verbunden haben, kannst du die Punkte nacheinander zu anderen Objekten oder einer anderen Seite desselben Objekts verschieben.
- Klicke auf eine beliebige Stelle entlang des Pfads der Linie.
- Ziehe den daraufhin angezeigten blauen Punkt bei gedrückter Maustaste an die gewünschte Stelle.
- Verbinde den Punkt mit der Seite eines anderen Objekts.
Du musst den Start- oder Endpunkt einer Linie nicht sofort mit einem Objekt auf dem Whiteboard verbinden, sondern es zu einem späteren Zeitpunkt oder gar nicht tun.
Gesamte Linie verschieben
Um eine komplette Linie zu verschieben, löse zunächst den Start- und Endpunkt vom jeweiligen Objekt. Nach dem Lösen:
- Wähle die Linie auf dem Whiteboard aus.
- Ziehe sie an die neue Position.
- Verbinde den Start- und Endpunkt gegebenenfalls mit Objekten.
Pfad anpassen
Der Pfad eines gewinkelten Verbinders kann jederzeit angepasst werden. Auf diese Weise kannst du Pfade auf dem Whiteboard um Objekte herum laufen lassen. So wird's gemacht:
- Wähle einen gewinkelten Verbinder aus.
- Ziehe den Pfadgriff des Abschnitts, den du verschieben möchtest.
Durch Ziehen des Start- oder Endabschnitts eines Verbinders kannst du den Pfad verlängern.
Linien anpassen
Wenn du eine Datei erstellst oder zum ersten Mal öffnest, sind für die Linienstile die Standardeinstellungen festgelegt. Sie werden zum Beispiel als durchgehender, grauer Pfad ohne Text eingefügt. Nachdem du dem Whiteboard eine Linie hinzufügt hast, kannst du über die zugehörige Symbolleiste Text einfügen und ändern sowie die Farbe, den Linienstil und die Endpunkte anpassen.
FigJam speichert alle zuletzt in einer Datei verwendeten Einstellungen.
Farbe
Wenn du dem Pfad einer Linie eine andere Farbe zuweist, kannst du separate Flows, Pfade oder Arbeitsabläufe besser veranschaulichen.
- Wähle eine Linie aus oder erstelle eine neue.
- Klicke auf die Farbauswahl.
- Wähle eine andere Farbe aus.
Hier erfährst du mehr über die Verwendung von Farben in FigJam →
Linienstil und Strichstärke
Du kannst zwischen durchgehenden und gestrichelten Linienstilen wählen. So änderst du die Einstellung:
- Wählen eine Linie aus oder erstelle eine neue.
- Klicke in der zugehörigen Symbolleiste auf .
- Wähle zwischen einer durchgehenden oder gestrichelten Linie.
Strichstärke
Du kannst Linien zwei unterschiedliche Strichstärken zuweisen: dick und dünn. So änderst du die Strichstärke einer Linie:
- Wähle eine Linie aus oder erstelle eine neue.
- Klicke in der zugehörigen Symbolleiste auf . Standardmäßig wird eine dünne Linie gezeichnet.
- Klicke auf die gewünschte Strichstärke.
Text
Dem Pfad einer Linie kann eine Beschriftung hinzugefügt werden.
So fügst du einem Pfad Text hinzu:
- Wähle eine Linie aus oder erstelle eine neue.
- Klicke in der zugehörigen Symbolleiste auf .
- Füge deinen Text hinzu.
Mit Rücktaste / Enter kannst der Beschriftung eines Verbinders eine weitere Zeile hinzufügen.
Du kannst den Text einer Linie nur fett oder durchgestrichen formatieren.
Text verschieben
Du kannst die Beschriftung an eine beliebige Stelle entlang des Linienpfads ziehen, sodass sie gut zu sehen ist. Dies ist jedoch nur möglich, wenn die Linie lang genug ist.
Texthintergrund anzeigen
Wenn du einer Linie Text hinzufügst, kannst du den Hintergrund des Textfelds ein- oder ausblenden. So wird's gemacht:
- Wählen eine Linie aus oder erstelle eine neue.
- Klicke auf , um eine Beschriftung hinzuzufügen, und füge dann den Text ein. Standardmäßig ist der Hintergrund des Textfelds ausgeblendet.
- Klicke in der Symbolleiste auf die Farbauswahl.
- Klicke auf , um den Texthintergrund einzublenden.
Der Texthintergrund hat die gleiche Farbe wie die Linie. Du kannst dem Texthintergrund keine andere Farben zuweisen.
Hier erfährst du mehr über Text in FigJam →
Stil der Start- und Endpunkte
Du kannst bei Linien zwischen fünf verschiedenen Punktstilen wählen, um die Richtung eines Pfades darzustellen.
- Mit None (Keiner) wird dem Start- oder Endpunkt der Linie kein Stil zugewiesen (die Linie endet einfach).
- Mit Solid (Gefüllt) oder Line (Linie) wird als Start- oder Endpunkt ein von der Linie weg zeigender Pfeil in Form eines gefüllten bzw. konturierten Dreiecks hinzugefügt.
- Mit Triangle (Dreieck) wird ein zur Linie hin zeigender Pfeil in Form eines gefüllten Dreiecks hinzugefügt.
- Mit Diamond (Raute) wird am Ende der Linie ein rautenförmiger Punkt hinzugefügt.
Du kannst für den Start- und Endpunkt einer Linie unterschiedliche Stile in der Symbolleiste auswählen.
- Wähle eine Linie aus oder erstelle eine neue.
- Lege mithilfe der zugehörigen Symbolleiste die gewünschten Stile fest.
Wähle mit ⇧ Umschalt Klick mehrere Linien aus, um deren Start- und Endpunkte gleichzeitig zu bearbeiten.