---
url: "/ja/emailify/design/alignment.md"
description: "FigmaのAuto Layoutの整列プロパティを使って、メールデザインの要素を垂直方向・水平方向に整列できます。"
---

# メールレイアウトのコンテンツを整列する方法

> FigmaのAuto Layoutの整列プロパティを使って、メールデザインの要素を垂直方向・水平方向に整列できます。

## Row内のColumnを垂直方向に整列する {#vertically-aligning-columns-inside-of-a-row}

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

Row内に複数のColumnレイヤーがある場合は、Rowレイヤーをクリックし、FigmaのAuto Layoutの**Vertical Align**プロパティをTop、Center、Bottomのいずれかに変更すると、垂直方向に整列できます。

## Column内のコンテンツ要素を水平方向に整列する {#horizontally-aligning-content-elements-inside-of-a-column}

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

Columnレイヤーをクリックし、FigmaのAuto Layoutの**Horizontal Align**プロパティをLeft、Center、Rightのいずれかに変更すると、Column内のすべてのコンテンツレイヤーを水平方向に整列できます。

## テキストレイヤーを水平方向に整列する {#horizontally-aligning-text-layers}

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

テキストレイヤーをクリックし、Figmaの**Text Align**プロパティをLeft、Center、Rightのいずれかに変更すると、デザイン内のテキストレイヤーを整列できます。

## Emailifyの関連ガイド {#related-emailify-guides}

- まずは[Emailifyのデザインの基本](/ja/emailify/design/fundamentals)で、必要なRow、Column、コンテンツの構造を確認してください。
- デスクトップの整列を設定したら、[レスポンシブなメールスタイル](/ja/emailify/design/responsive)を設定します。
- 本番用のHTMLメールをエクスポートできる[Emailify Figmaプラグイン](https://www.hypermatic.com/emailify/)もご覧ください。