# Choisissez un modèle parmi Gallery

Explorez les modèles conçus et sélectionnés par Tembuilder, prévisualisez les détails et choisissez-en un pour votre projet.

**Gallery** est une collection de modèles conçus, construits et soigneusement sélectionnés par l'équipe Tembuilder pour une variété d'utilisations. Chacun apporte sa propre mise en page et son style visuel, vous offrant plus d'options lors du démarrage d'un nouveau document.

Recherchez l'inspiration, explorez la façon dont un design est créé ou choisissez un modèle comme point de départ pour vos propres idées. Vous pouvez modifier son contenu, ses couleurs et sa mise en page après l'avoir ajouté à votre projet.

## 1. Explorez la collection

Ouvrez **Gallery** pour parcourir les modèles disponibles. Chaque carte comprend une vignette, un nom et une brève description pour vous donner une idée du design. Le format du papier est également affiché, vous aidant à choisir un modèle pour le document que vous avez en tête.

Parcourez librement ou affinez la collection lorsque vous savez ce que vous recherchez :

- **Recherche** par nom ou mot-clé. Par exemple, saisissez `invoice` pour rechercher des modèles de facture.
- **Catégories** sur la gauche, regroupez les modèles par type.
- **Populaire** affiche en premier les modèles populaires ; **Le plus récent** vous aide à découvrir les ajouts récents.

Combinez la recherche avec une catégorie pour affiner davantage les résultats. Lorsque la liste s'étend sur plusieurs pages, utilisez les commandes situées en dessous pour continuer à naviguer.

## 2. Regardez de plus près

Sélectionnez un modèle de carte pour ouvrir son aperçu. Vous verrez une vue plus grande du design avec son nom, sa description et son format de papier.

Regardez les détails qui sont plus difficiles à voir dans une vignette : la façon dont le contenu est divisé, l'espacement entre les sections, la typographie et la disposition des tableaux. Si plusieurs images d'aperçu sont disponibles, utilisez les flèches ou les vignettes pour vous déplacer entre elles.

Un modèle n'a pas besoin de correspondre à votre idée dans les moindres détails. Une mise en page proche de ce que vous souhaitez peut être un point de départ utile, puisque vous pouvez la modifier après l'avoir ajoutée à votre projet.

Fermez l'aperçu pour continuer à explorer, ou sélectionnez **Utiliser le modèle** lorsque vous en trouvez un que vous souhaitez utiliser.

## 3. Ajoutez-le à votre projet

Ouvrez **Gallery** à partir du projet dans lequel vous souhaitez conserver le modèle. La sélection de **Utiliser le modèle** ouvre la boîte de dialogue **Importer**, où vous pouvez lui donner un nom.

- **Nom** est l'étiquette affichée dans les modèles. Choisissez quelque chose que vous reconnaîtrez, comme **Facture de service**.
- **Slug** est un nom court utilisé pour référencer le modèle, tel que `service-invoice`. Il doit être différent des slugs déjà utilisés dans le même projet.

Sélectionnez **Importer** et attendez la fin. L'application ouvre le modèle dans l'éditeur, prêt à être utilisé. Il apparaît également dans **Modèles** afin que vous puissiez le retrouver ultérieurement.

Revenez à Gallery chaque fois que vous souhaitez explorer une autre conception, que vous recherchiez de nouvelles idées ou que vous démarriez un autre modèle dans votre projet.

## Essayez de choisir un modèle

L'illustration ci-dessous présente ces étapes. Recherchez `invoice`, ouvrez l'aperçu, sélectionnez **Utiliser le modèle** et donnez un nom au modèle.

<figure class="doc-sim gallery-walkthrough" data-gallery-demo data-locale="fr" aria-label="Essayez de choisir et d'ajouter un modèle Gallery">
<div class="sim-kicker">ESSAYEZ LES ÉTAPES CI-DESSOUS</div>
<div class="sim-stage">
<div data-gg-screen="browse"><div class="sim-toolbar"><strong>Gallery</strong><span class="sim-badge">1 modèle</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="Modèles de recherche…" aria-label="Rechercher des modèles d'illustration" /></label><div class="gg-categories"><button type="button" data-gg-category="all" aria-pressed="true">Tous</button><button type="button" data-gg-category="invoice" aria-pressed="false">Facture</button></div><button type="button" class="gg-template" data-gg-preview aria-label="Aperçu de la facture de service monochrome"><div class="gg-thumb"><div class="gg-mini-paper"><b>Tembuilder</b><strong>FACTURE</strong><i></i><i></i><i></i><span>$597.20</span></div></div><div class="gg-template-copy"><strong>Facture de service monochrome</strong><small>Facture · A4</small><span>Aperçu ↗</span></div></button><p class="gg-empty" data-gg-empty hidden>Aucun modèle correspondant. Essayez « facture ».</p></div>
<div data-gg-screen="preview" hidden><div class="sim-gallery-dialog"><div class="sim-gallery-heading"><div><strong>Facture de service monochrome</strong><small>Facture · A4</small></div><button type="button" class="sim-close" data-gg-back aria-label="Retour aux modèles">×</button></div><div class="sim-gallery-preview"><div class="gg-mini-paper gg-preview-paper"><b>Tembuilder</b><strong>FACTURE</strong><small>TB-2026-0042</small><i></i><small>FACTURE À</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>Utiliser le modèle</button></div></div></div>
<div data-gg-screen="import" hidden><form class="sim-form" data-gg-form><div class="sim-toolbar"><strong>Modèle d'importation</strong><button type="button" class="sim-close" data-gg-back aria-label="Retour à Gallery">×</button></div><label>Nom<input name="name" data-gg-name value="My invoice" required maxlength="64" /></label><label>Limace<input name="slug" data-gg-slug value="my-invoice" required maxlength="64" pattern="[a-z0-9]+(-[a-z0-9]+)*" /></label><small>Choisissez un nom que vous pouvez trouver facilement, tel que Facture de service.</small><div class="sim-form-footer"><button type="submit" class="sim-control sim-dark sim-focus">Importer</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>Vous avez terminé les étapes de sélection. Dans l'application, le modèle ajouté apparaîtra dans Modèles.</p><button type="button" class="sim-reset" data-gg-back>Recommencer ↺</button></div></div>
</div><figcaption data-gg-caption aria-live="polite">Sélectionnez le modèle à prévisualiser · Illustration interactive</figcaption>
</figure>

Une fois que vous avez choisi un modèle, consultez le [guide de l'éditeur](/docs/fr/editor/tour/) pour commencer à le modifier.
