---
url: "/fr/emailify/design/alignment.md"
description: "Alignez verticalement et horizontalement les éléments de vos designs d’email avec les propriétés d’alignement Auto Layout de Figma."
---

# Aligner le contenu dans vos mises en page d’email

> Alignez verticalement et horizontalement les éléments de vos designs d’email avec les propriétés d’alignement Auto Layout de Figma.

## Aligner verticalement les colonnes d’une rangée {#vertically-aligning-columns-inside-of-a-row}

[Video](/assets/videos/emailify/design/vertically-align-columns.mp4)

Si une Row contient plusieurs calques Column, vous pouvez les aligner verticalement : cliquez sur votre ou vos calques Row, puis réglez la propriété Auto Layout **Vertical Align** de Figma sur Top, Center ou Bottom.

## Aligner horizontalement les éléments de contenu d’une colonne {#horizontally-aligning-content-elements-inside-of-a-column}

[Video](/assets/videos/emailify/design/align-content-layers.mp4)

Vous pouvez aligner horizontalement tous les calques de contenu d’une Column : cliquez sur votre ou vos calques Column, puis réglez la propriété Auto Layout **Horizontal Align** de Figma sur Left, Center ou Right.

## Aligner horizontalement les calques de texte {#horizontally-aligning-text-layers}

[Video](/assets/videos/emailify/design/align-text-layers.mp4)

Vous pouvez aligner n’importe quel calque de texte de votre design : cliquez sur votre ou vos calques de texte, puis réglez la propriété **Text Align** de Figma sur Left, Center ou Right.

## Guides Emailify associés {#related-emailify-guides}

- Commencez par les [principes de design d’Emailify](/fr/emailify/design/fundamentals) pour comprendre la structure obligatoire en rangées, colonnes et contenus.
- Configurez les [styles d’email responsive](/fr/emailify/design/responsive) après avoir défini l’alignement desktop.
- Découvrez le [plugin Figma Emailify](https://www.hypermatic.com/emailify/) pour exporter des emails HTML prêts pour la production.
