分岐ガイド
この記事は旧Figma UIと新Figma UIの両方に対応しています。ページの左下にあるトグルスイッチで、現在使用しているUIを選択してください。UI3: Figmaの新デザインについて→
ブランチは、オリジナルファイルを編集することなく、デザイン、プロトタイプ、ライブラリの変更を検討できるようになる制御された環境です。
ブランチをレビューに提出し、承認後に変更をマージしてファイルに適用することができます。
スタイルとコンポーネントライブラリの維持と寄稿における一般的な使用例の1つですが、分岐はデザインシステム以外でも使用できます。
- コラボレーターやステークホルダーとのデザインの共有
- 開発者ハンドオフ用デザインの準備
- 実験とユーザビリティテストの分離
ユースケースやベストプラクティスについては、Figmaガイドの分岐 →をご覧ください
ブランチの仕組み
ブランチの作成
チームは好きなだけブランチを作成できます。ブランチを作成するには、フルシートとメインファイルへの閲覧または編集アクセス権が必要です。
ブランチ内では、メインファイルのユーザーや内容に影響を与えることなく、変更や反復を安全に試すことができます。個々のレイヤー、コンポーネント、またはデザイン全体を追加、編集、または削除できます。Figmaはすべての変更を記録します。
注: 閲覧者がブランチを作成するためには、[閲覧者にファイルからコピー、共有、またはエクスポートを許可する] の設定を有効にする必要があります。これが無効になっている場合、閲覧者はブランチを作成または編集するオプションを表示できません。
- メインファイルから、左側のサイドバーのファイル名の横にあるをクリックします。
- オプションから [ブランチを作成...] を選択します。
- ブランチに名前を付けます。Figmaはこれを使用して、エディターのブランチを識別し、メインファイルのバージョン履歴に含めます。
- Figmaは、現在の状態のメインファイルの正確な複製である新しいブランチを作成します。左側のサイドバーに、
ファイル名
ブランチ名
が表示されます。 - これで、メインファイルに影響を与えることなく、ブランチに自由に変更を加えることができます。
ブランチを共有する
ブランチはメインファイルの拡張機能です。メインファイルへのアクセス権があるすべてのユーザーが、ブランチにアクセスできます。ブランチに招待されたユーザーは、誰でもメインファイルにアクセスできます。
ユーザーをブランチに招待するか、ブランチの一意のリンクを共有します。
ヒント! ファイルリンクがメインファイル用かブランチ用かを判断するには、すべてのブランチに /branch/
バリアブルとそのブランチのための一意の文字列が含まれていることを確認してください。
メインファイルから更新を取得する
コラボレーターと作業している場合、メインファイルのデザインは変更され、進化する可能性があります。
Figmaはメインファイルに更新がある場合、通知を送信します。その後、メインファイルに加えられた変更を確認し、それらをブランチに適用することを選択できます。これにより、最新バージョンのデザインを使用していることが確実になります。
適用したい変更を選択することはできません。今は、これらの更新を無視して、代わりにマージを行うときに競合を解決できます。
ブランチレビューをリクエストする
ブランチでの変更が完了したら、レビューをリクエストできます。これにより、他のユーザーがマージ前に変更を閲覧できるようになります。
メインファイルへの編集アクセス権がない場合は、レビューをリクエストし、編集アクセス権を持つユーザーにブランチのマージを依頼する必要があります。
編集アクセス権があり、レビューが不要な場合は、マージプロセスに直接進むことができます。
ブランチのレビューと承認
レビュー担当者は、メインファイルと並行してブランチの変更をプレビューできます。ページごとに追加、編集、削除された内容を閲覧し、横並びまたはオーバーレイで変更を比較します。
レビューでは以下を行うことができます。
- 変更の承認
- ブランチの承認とマージ(メインファイルの編集アクセス権を持つユーザー)
- さらなる変更の提案
メインファイルにブランチをマージする
変更に満足したら、ブランチをレビューし、メインファイルにマージします。ブランチからメインファイルに変更を適用する前に、競合を解決するオプションがあります。
他のユーザーが変更をすでにレビュー、承認している場合、数クリックでマージのプロセスを完了できます。
ブランチを閲覧および管理する
ブランチモーダルで、すべてのブランチを表示します。[アクティブ]、[アーカイブ済み] に加えて、自身が作成したブランチ[あなたの] の3つのタブが表示されます。[アーカイブ済み] タブには、マージされたブランチとアーカイブされたブランチの両方が含まれます。
メインファイルへの編集アクセス権がある場合は、ブランチモーダルから以下のことを行えます。
- ブランチを開く
- ブランチのリンクをコピーする
- ブランチをマージまたはアーカイブする
- ブランチ名を変更
- アーカイブされたブランチを復元する
注: アップデートの受信や変更内容のマージを行うには、いくつかの手順が必要です。また、まれではありますが、これらの手順のいずれかで問題が発生する可能性があります。
マージまたは更新後に何かがおかしいと感じた場合にできることがいくつかあります。未完了のマージまたは更新 →
注意点
バージョン履歴
ファイルのバージョン履歴で、分岐とマージに関連するアクティビティを閲覧します。ブランチを作成してブランチをマージすると、Figmaはチェックポイントを作成します。
Figmaは、ファイルをマージする前に、ファイルのバージョン履歴に追加のチェックポイントを作成します。これにより、マージ前にメインファイルに加えられた他の変更の記録が保存されます。
ブランチで発生したすべてのことは、その単一のチェックポイントに含まれます。ブランチ自体を閲覧している場合、ブランチの詳細なバージョン履歴を確認できます。
- ブランチが作成されました
- メインから更新されました
- ブランチがマージされました
コメント
- メインファイルのコメントはどのブランチにも表示されません
- メインファイルからの更新を確認する際、コメントは変更として含まれません
- ブランチからのコメントは、マージしてもメインファイルに反映されません
ライブラリを公開する
メインファイルからのみライブラリに公開できます。共有したいブランチに変更を加えた場合は、公開する前にブランチをマージする必要があります。
コミュニティに公開
メインファイルからのみコミュニティに公開できます。ブランチを公開したい場合は、ブランチを複製して、メインファイルとは別の新しいファイルを作成できます。
- 左側のサイドバーで、ファイル名の横にあるをクリックします。
- オプションから [新規ファイルとして複製] を選択します。
- Figmaはブランチを複製し、それを既存の場所にファイルとして追加します。ファイル名は「
メインファイル名 : ブランチ名 (コピー)
」になります。
分岐に関するその他のリソース
この機能を使用できるユーザー
ビジネスプランとエンタープライズプランをご利用のチームのFigmaデザインファイルでサポートされています。
組織またはワークスペースで有料シートを持つユーザーのみが分岐を使用できます。
ブランチは、オリジナルファイルを編集することなく、デザイン、プロトタイプ、ライブラリの変更を検討できるようになる制御された環境です。
ブランチをレビューに提出し、承認後に変更をマージしてファイルに適用することができます。
スタイルとコンポーネントライブラリの維持と寄稿における一般的な使用例の1つですが、分岐はデザインシステム以外でも使用できます。
- コラボレーターやステークホルダーとのデザインの共有
- 開発者ハンドオフ用デザインの準備
- 実験とユーザビリティテストの分離
ユースケースやベストプラクティスについては、Figmaガイドの分岐 →をご覧ください
ブランチの仕組み
ブランチの作成
チームメンバーは好きなだけブランチを作成できます。ブランチを作成するには、Figma Designの有料シートとメインファイルへの閲覧または編集アクセス権が必要です。
ブランチ内では、メインファイルのユーザーや内容に影響を与えることなく、変更や反復を安全に試すことができます。個々のレイヤー、コンポーネント、またはデザイン全体を追加、編集、または削除できます。Figmaはすべての変更を記録します。
注: 閲覧者がブランチを作成するためには、[閲覧者にファイルからコピー、共有、またはエクスポートを許可する] の設定を有効にする必要があります。これが無効になっている場合、閲覧者はブランチを作成または編集するオプションを表示できません。
- メインファイルから、ツールバーのファイル名の横にあるをクリックします。
- オプションから [ブランチを作成...] を選択します。
- ブランチに名前を付けます。Figmaはこれを使用して、エディターのブランチを識別し、メインファイルのバージョン履歴に含めます。
- Figmaは、現在の状態のメインファイルの正確な複製である新しいブランチを作成します。ツールバーに
ファイル名と
ブランチ名が表示されます
- メインファイルに即座に影響を与えることなく、ブランチに変更を加えることができます。
ブランチを共有する
ブランチはメインファイルの拡張機能です。メインファイルへのアクセス権があるすべてのユーザーが、ブランチにアクセスできます。ブランチに招待されたユーザーは、誰でもメインファイルにアクセスできます。
ユーザーをブランチに招待するか、ブランチの一意のリンクを共有します。
ヒント! ファイルリンクがメインファイル用かブランチ用かを判断するには、すべてのブランチに /branch/
バリアブルとそのブランチのための一意の文字列が含まれていることを確認してください。
メインファイルから更新を取得する
コラボレーターと作業している場合、メインファイルのデザインは変更され、進化する可能性があります。
Figmaはメインファイルに更新がある場合、通知を送信します。その後、メインファイルに加えられた変更を確認し、それらをブランチに適用することを選択できます。これにより、最新バージョンのデザインを使用していることが確実になります。
適用したい変更を選択することはできません。今は、これらの更新を無視して、代わりにマージを行うときに競合を解決できます。
ブランチレビューをリクエストする
ブランチでの変更が完了したら、レビューをリクエストできます。これにより、他のユーザーがマージ前に変更を閲覧できるようになります。
メインファイルへの編集アクセス権がない場合は、レビューをリクエストし、編集アクセス権を持つユーザーにブランチのマージを依頼する必要があります。
編集アクセス権があり、レビューが不要な場合は、マージプロセスに直接進むことができます。
ブランチのレビューと承認
レビュー担当者は、メインファイルと並行してブランチの変更をプレビューできます。ページごとに追加、編集、削除された内容を閲覧し、横並びまたはオーバーレイで変更を比較します。
レビューでは以下を行うことができます。
- 変更の承認
- ブランチの承認とマージ(メインファイルの編集アクセス権を持つユーザー)
- さらなる変更の提案
メインファイルにブランチをマージする
変更に満足したら、ブランチをレビューし、メインファイルにマージします。ブランチからメインファイルに変更を適用する前に、競合を解決するオプションがあります。
他のユーザーが変更をすでにレビュー、承認している場合、数クリックでマージのプロセスを完了できます。
ブランチを閲覧および管理する
ブランチモーダルで、すべてのブランチを表示します。[アクティブ]、[アーカイブ済み] に加えて、自身が作成したブランチ[あなたの] の3つのタブが表示されます。[アーカイブ済み] タブには、マージされたブランチとアーカイブされたブランチの両方が含まれます。
メインファイルへの編集アクセス権がある場合は、ブランチモーダルから以下のことを行えます。
- ブランチを開く
- ブランチのリンクをコピーする
- ブランチをマージまたはアーカイブする
- ブランチ名を変更
- アーカイブされたブランチを復元する
注: アップデートの受信や変更内容のマージを行うには、いくつかの手順が必要です。また、まれではありますが、これらの手順のいずれかで問題が発生する可能性があります。
マージまたは更新後に何かがおかしいと感じた場合にできることがいくつかあります。未完了のマージまたは更新 →
注意点
バージョン履歴
ファイルのバージョン履歴で、分岐とマージに関連するアクティビティを閲覧します。ブランチを作成してブランチをマージすると、Figmaはチェックポイントを作成します。
Figmaは、ファイルをマージする前に、ファイルのバージョン履歴に追加のチェックポイントを作成します。これにより、マージ前にメインファイルに加えられた他の変更の記録が保存されます。
ブランチで発生したすべてのことは、その単一のチェックポイントに含まれます。ブランチ自体を閲覧している場合、ブランチの詳細なバージョン履歴を確認できます。
- ブランチが作成されました
- メインから更新されました
- ブランチがマージされました
コメント
- メインファイルのコメントはどのブランチにも表示されません
- メインファイルからの更新を確認する際、コメントは変更として含まれません
- ブランチからのコメントは、マージしてもメインファイルに反映されません
ライブラリを公開する
メインファイルからのみライブラリに公開できます。共有したいブランチに変更を加えた場合は、公開する前にブランチをマージする必要があります。
コミュニティに公開
メインファイルからのみコミュニティに公開できます。ブランチを公開したい場合は、ブランチを複製して、メインファイルとは別の新しいファイルを作成できます。
- ツールバーで、ファイル名の隣にあるをクリックします。
- オプションから [新規ファイルとして複製] を選択します。
- Figmaはブランチを複製し、それを既存の場所にファイルとして追加します。ファイル名は「
メインファイル名 : ブランチ名 (コピー)
」になります。