---
title: "フローを作成する"
description: "カスタムデザインのギャラリーテンプレートまたはシンプルなスターターから新しいフローを始めましょう。"
---

フローはテンプレートから作成することも、ゼロから作成することもできます。
## フローを作成する \{#create-flow\}

1. **Flows** ページを開きます。
2. **Create flow** をクリックします。
3. オプションを選択します：
   - **Browse templates**（テンプレートライブラリを開く）
   - **Start from scratch**（空のフローを作成する）
4. エディターでフローの名前を変更します。ヘッダーのフロー名をクリックして新しい名前を入力してください。

:::warning
Adapty では同じ名前のフローを複数作成できます。新しいフローを作成するたびに名前を変更しないと、区別しにくい **Untitled** フローが複数できてしまいます。
:::
### テンプレートを使う \{#use-a-template\}

テンプレートライブラリには、フローの出発点として使えるテンプレートが複数用意されています。それぞれのテンプレートは複数のスクリーン、インタラクティブな要素、ナビゲーション機能を備えた完成済みのフローです。任意の要素を編集してカスタマイズできます。

テンプレートを適用するには:

1. テンプレートライブラリでテンプレートカードを確認します。各カードにはフローのプレビュースクリーンショットが表示されます。
2. 使いたいカードの **Use as template** をクリックします。
テンプレートがビルダーに読み込まれます。ここから、任意の要素、画面、またはプロパティを変更できます。
### ゼロから始める \{#start-from-scratch\}

「ゼロから始める」を選ぶと、空白の画面が1つだけあるフローが作成されます。[エレメントライブラリ](builder-elements)のエレメントを使って画面をデザインしてください。
## テンプレートを変更する \{#change-the-template\}

ビルダー内からテンプレートを切り替えられます。Screens パネルを開き、**Templates** Templates ボタンをクリックしてテンプレートライブラリを再度開き、新しいテンプレートを選んでください。

:::warning
新しいテンプレートを適用すると、現在のフローの下書きが置き換えられます。Adapty が確認を求めるので、続行する場合は **Use template** を、下書きを残す場合は **Cancel** をクリックしてください。確定後は以前の下書きを復元できません。公開済みのフローはそのまま有効です。
:::
## テンプレートのカスタムフォント \{#custom-fonts-in-templates\}

:::link
関連記事：[フローボルダーのカスタムフォント](using-custom-fonts-in-flow-builder)
:::

**Custom font** チップが付いているテンプレートはカスタムフォントを使用しています。これらのフォントは SDK には同梱されていません。チップにカーソルを合わせると、テンプレートで使用されているフォントを確認できます。

デバイス上で意図したタイポグラフィを表示するには、フォントファイルをアプリバンドルに追加してください。フォントが同梱されていない古いバージョンのアプリでは、システムフォントにフォールバックします。
フォントを変更しても古いバージョンに影響を与えないようにするには、フローを複製し、コピー側でフォントを変更して、そのコピーを[該当フォントが含まれるアプリバージョンのユーザー](segments)に限定してください。