動画チュートリアル：無料のFigmaメールテンプレートを使ってHTMLメールをデザインする

この動画では、Emailify Figmaプラグインで無料のFigmaメールテンプレートを使い、HTMLメールをデザインする方法を解説します。

Emailifyに付属するFigmaテンプレートは、個人・商用のプロジェクトで100%無料で使用できます 。プラグインでどのようなレイアウトやコンポーネントを作成できるのかに慣れていただくためにデザインされています。

New EmailモーダルのTemplatesタブでは、Emailifyに対応したデザイン済みの無料のFigma Communityファイルを、プラグイン内から探すことができます。

アイデアを探している場合や、Emailifyに対応したデザイン済みのレイアウトやコンポーネントをコピー＆ペーストして、自社のブランドやコンテンツに合わせてカスタマイズしたい場合は、Templatesタブをクリックし、任意のテンプレートのサムネイルをクリックしてそのFigma Communityファイルを開きます。

Figma Communityのファイルページが読み込まれたら、Open in FigmaボタンをクリックしてFigmaのメールテンプレートを複製し、Figmaファイルを新しい下書きとして複製するFigmaアカウントを選択します。

Emailifyフレームを含む複製したFigmaファイルを開いたら、Emailifyプラグインを再度実行してHTMLとしてプレビューします。デザインは自由にカスタマイズできます。また、特定のRowレイヤーや要素を自分のEmailifyフレームにコピー＆ペーストして、複数のEmailifyスターターテンプレートのパーツを組み合わせることもできます。

Templatesタブでは、Figma Communityのファイル一式が開きます。現在のファイルにEmailifyで新しいフレームを直接作成したい場合は、代わりにLayoutsを使ってください。