# Wählen Sie eine Vorlage aus Gallery

Entdecken Sie die von Tembuilder entworfenen und ausgewählten Vorlagen, sehen Sie sich die Details in der Vorschau an und wählen Sie eine für Ihr Projekt aus.

**Gallery** ist eine Sammlung von Vorlagen, die vom Tembuilder-Team für eine Vielzahl von Verwendungszwecken entworfen, erstellt und sorgfältig ausgewählt wurden. Jedes bringt sein eigenes Layout und seinen eigenen visuellen Stil mit, sodass Sie beim Starten eines neuen Dokuments mehr Optionen haben.

Suchen Sie nach Inspiration, entdecken Sie, wie ein Design zusammengestellt wird, oder wählen Sie eine Vorlage als Ausgangspunkt für Ihre eigenen Ideen. Sie können den Inhalt, die Farben und das Layout ändern, nachdem Sie es Ihrem Projekt hinzugefügt haben.

## 1. Entdecken Sie die Sammlung

Öffnen Sie **Gallery**, um die verfügbaren Vorlagen zu durchsuchen. Jede Karte enthält ein Miniaturbild, einen Namen und eine kurze Beschreibung, um Ihnen einen Eindruck vom Design zu vermitteln. Außerdem wird das Papierformat angezeigt, das Ihnen bei der Auswahl einer Vorlage für das gewünschte Dokument hilft.

Stöbern Sie frei oder grenzen Sie die Sammlung ein, wenn Sie wissen, wonach Sie suchen:

- **Suche** nach Name oder Stichwort. Geben Sie beispielsweise `invoice` ein, um Rechnungsvorlagen zu finden.
- **Kategorien** auf der linken Seite gruppieren Vorlagen nach Typ.
- **Beliebt** zeigt beliebte Vorlagen zuerst; **Neueste** hilft Ihnen, aktuelle Ergänzungen zu entdecken.

Kombinieren Sie die Suche mit einer Kategorie, um die Ergebnisse weiter einzugrenzen. Wenn sich die Liste über mehrere Seiten erstreckt, verwenden Sie die Steuerelemente darunter, um weiter zu blättern.

## 2. Schauen Sie genauer hin

Wählen Sie eine Vorlagenkarte aus, um deren Vorschau zu öffnen. Sie sehen eine größere Ansicht des Designs mit Namen, Beschreibung und Papierformat.

Schauen Sie sich die Details an, die in einer Miniaturansicht schwerer zu erkennen sind: wie der Inhalt aufgeteilt ist, Abstände zwischen Abschnitten, Typografie und Tabellenlayouts. Wenn mehrere Vorschaubilder verfügbar sind, können Sie mit den Pfeilen oder Miniaturansichten zwischen ihnen wechseln.

Eine Vorlage muss nicht in allen Details zu Ihrer Idee passen. Ein Layout, das Ihren Wünschen nahe kommt, kann ein nützlicher Ausgangspunkt sein, da Sie es bearbeiten können, nachdem Sie es Ihrem Projekt hinzugefügt haben.

Schließen Sie die Vorschau, um weiter zu erkunden, oder wählen Sie **Vorlage verwenden**, wenn Sie eine Vorlage finden, die Sie verwenden möchten.

## 3. Fügen Sie es Ihrem Projekt hinzu

Öffnen Sie **Gallery** aus dem Projekt, in dem Sie die Vorlage behalten möchten. Wenn Sie **Vorlage verwenden** auswählen, wird das Dialogfeld **Importieren** geöffnet, in dem Sie ihm einen Namen geben können.

- **Name** ist die in den Vorlagen angezeigte Bezeichnung. Wählen Sie etwas aus, das Sie wiedererkennen, beispielsweise **Servicerechnung**.
- **Slug** ist ein Kurzname, der zur Referenzierung der Vorlage verwendet wird, z. B. `service-invoice`. Es muss sich von den Slugs unterscheiden, die bereits im selben Projekt verwendet wurden.

Wählen Sie **Importieren** und warten Sie auf den Abschluss. Die App öffnet die Vorlage im Editor, sodass Sie daran arbeiten können. Es erscheint auch in **Vorlagen**, sodass Sie es später wiederfinden können.

Kehren Sie jederzeit zu Gallery zurück, wenn Sie ein anderes Design erkunden möchten, unabhängig davon, ob Sie nach neuen Ideen suchen oder mit einer anderen Vorlage in Ihrem Projekt beginnen.

## Versuchen Sie, eine Vorlage auszuwählen

Die folgende Abbildung führt Sie durch diese Schritte. Suchen Sie nach `invoice`, öffnen Sie die Vorschau, wählen Sie **Vorlage verwenden** und geben Sie der Vorlage einen Namen.

<figure class="doc-sim gallery-walkthrough" data-gallery-demo data-locale="de" aria-label="Versuchen Sie, eine Gallery-Vorlage auszuwählen und hinzuzufügen">
<div class="sim-kicker">PROBIEREN SIE DIE UNTENSTEHENDEN SCHRITTE AUS</div>
<div class="sim-stage">
<div data-gg-screen="browse"><div class="sim-toolbar"><strong>Gallery</strong><span class="sim-badge">1 Vorlage</span></div><label class="gg-search"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" aria-hidden="true"><circle cx="10" cy="10" r="6"/><path d="m15 15 5 5"/></svg><input data-gg-search placeholder="Suchvorlagen…" aria-label="Illustrationsvorlagen durchsuchen" /></label><div class="gg-categories"><button type="button" data-gg-category="all" aria-pressed="true">Alle</button><button type="button" data-gg-category="invoice" aria-pressed="false">Rechnung</button></div><button type="button" class="gg-template" data-gg-preview aria-label="Vorschau der monochromen Servicerechnung"><div class="gg-thumb"><div class="gg-mini-paper"><b>Tembuilder</b><strong>RECHNUNG</strong><i></i><i></i><i></i><span>$597.20</span></div></div><div class="gg-template-copy"><strong>Monochrome Servicerechnung</strong><small>Rechnung · A4</small><span>Vorschau ↗</span></div></button><p class="gg-empty" data-gg-empty hidden>Keine passenden Vorlagen. Versuchen Sie es mit „Rechnung“.</p></div>
<div data-gg-screen="preview" hidden><div class="sim-gallery-dialog"><div class="sim-gallery-heading"><div><strong>Monochrome Servicerechnung</strong><small>Rechnung · A4</small></div><button type="button" class="sim-close" data-gg-back aria-label="Zurück zu den Vorlagen">×</button></div><div class="sim-gallery-preview"><div class="gg-mini-paper gg-preview-paper"><b>Tembuilder</b><strong>RECHNUNG</strong><small>TB-2026-0042</small><i></i><small>RECHNUNG AN</small><b>Tembuilder</b><i></i><i></i><span>$597.20</span></div></div><div class="sim-gallery-footer"><small>Schema v1 · A4</small><button type="button" class="sim-control sim-dark sim-focus" data-gg-use>Vorlage verwenden</button></div></div></div>
<div data-gg-screen="import" hidden><form class="sim-form" data-gg-form><div class="sim-toolbar"><strong>Vorlage importieren</strong><button type="button" class="sim-close" data-gg-back aria-label="Zurück zu Gallery">×</button></div><label>Name<input name="name" data-gg-name value="My invoice" required maxlength="64" /></label><label>Schnecke<input name="slug" data-gg-slug value="my-invoice" required maxlength="64" pattern="[a-z0-9]+(-[a-z0-9]+)*" /></label><small>Wählen Sie einen Namen, den Sie leicht finden können, z. B. Servicerechnung.</small><div class="sim-form-footer"><button type="submit" class="sim-control sim-dark sim-focus">Importieren</button></div></form></div>
<div data-gg-screen="done" hidden><div class="sim-completion"><span aria-hidden="true">✓</span><strong data-gg-result></strong><p>Sie haben die Auswahlschritte abgeschlossen. In der App wird die hinzugefügte Vorlage unter Vorlagen angezeigt.</p><button type="button" class="sim-reset" data-gg-back>Von vorne beginnen ↺</button></div></div>
</div><figcaption data-gg-caption aria-live="polite">Wählen Sie die Vorlage zur Vorschau aus · Interaktive Illustration</figcaption>
</figure>

Sobald Sie eine Vorlage ausgewählt haben, sehen Sie sich die [Editor-Anleitung](/docs/de/editor/tour/)] an, um mit der Bearbeitung zu beginnen.