← Design-Elemente & Werkzeuge

Elemente gruppieren: zusammen bewegen und anordnen

Zuletzt aktualisiert 22. Oktober 2026

Im Template-Editor fasst du mehrere Elemente zu einer Gruppe zusammen. Die Elemente bewegen und skalieren sich dann gemeinsam und bleiben so angeordnet, wie sie sind. Mit einem Layout ordnet die Gruppe ihre Elemente außerdem selbst untereinander oder nebeneinander an, auch wenn ein Text länger wird.

Das geht in drei Schritten:

  1. Erstelle die Gruppe auf dem Canvas.
  2. Ordne die Elemente der Gruppe im Properties-Panel an.
  3. Löse die Gruppe bei Bedarf im Layers-Panel wieder auf.

Gruppe erstellen

  1. Klicke auf dem Canvas auf das erste Element.
  2. Halte Shift gedrückt und klicke auf die weiteren Elemente. Alle sind jetzt ausgewählt.
  3. Drücke Cmd + G (unter Windows Strg + G). Die Elemente sind jetzt eine Gruppe, und die Gruppe ist ausgewählt. Im Layers-Panel steht sie als eigene Zeile. Den Befehl Group findest du auch im Kontextmenü: Klicke im Layers-Panel mit der rechten Maustaste auf eines der Elemente.
    Layers-Panel mit aufgeklappter neuer Gruppe: die Zeile der Gruppe und darunter eingerückt die beiden Texte.
  4. Ziehe die Gruppe auf dem Canvas an eine andere Stelle. Prüfe, ob sich alle Elemente mitbewegen.

Elemente in der Gruppe anordnen

Im Properties-Panel stellst du die Eigenschaften des ausgewählten Elements ein, hier die der Gruppe.

  1. Klicke auf dem Canvas auf die Gruppe. Ihre Eigenschaften erscheinen im Properties-Panel.
  2. Klicke im Properties-Panel auf Layout. Der Abschnitt klappt auf.
  3. Klicke unter Layout Mode auf ein Layout:
    • None: Du platzierst die Elemente frei.
    • Column: Die Elemente stehen untereinander.
    • Row: Die Elemente stehen nebeneinander.

    Mit Column oder Row ist die Gruppe jetzt eine Layout-Gruppe. Wird ein Element größer, rücken die anderen Elemente weiter.
    Column und Row lassen sich nicht anklicken?

    In der Gruppe liegt noch eine Gruppe ohne Layout. Ein Hinweis unter Layout Mode nennt sie. Mach zuerst diese innere Gruppe zu einer Layout-Gruppe, dann die äußere.


    Abschnitt Layout einer Gruppe mit Layout Mode Column neben der Gruppe auf dem Canvas: „Hear me speak“ und der Session-Titel stehen untereinander.
  4. Gib unter Gap den Abstand zwischen den Elementen ein.
  5. Prüfe das Layout mit unterschiedlich langen Texten.

Einen Hintergrund für die Gruppe stellst du im Abschnitt Appearance mit Fill Color ein. Unter Background Clip wählst du, wo er liegt: Group Frame ist eine Fläche um die ganze Gruppe, Shape folgt der Form der Elemente. Mit Padding vergrößerst du den Hintergrund um einen Abstand, mit dem Button daneben auch für jede Seite einzeln.

Gruppe auflösen

  1. Wähle im Layers-Panel aus, was du aus der Gruppe lösen willst:
    • Die ganze Gruppe: Klicke auf die Gruppe.
    • Nur einzelne Elemente: Klicke auf den kleinen Pfeil links neben der Gruppe und dann auf die Elemente. Mehrere wählst du mit gedrückter Shift-Taste aus.
  2. Drücke Cmd + Shift + G (unter Windows Strg + Shift + G).
    • Bei der ganzen Gruppe: Die Gruppe ist aufgelöst, und ihre Elemente sind wieder einzelne Elemente.
    • Bei einzelnen Elementen: Sie liegen jetzt außerhalb der Gruppe. Die Gruppe bleibt mit den übrigen Elementen bestehen.

    Im Kontextmenü heißen die beiden Befehle Ungroup und Leave group.