🔖

【Figma】Version Historyの利用（バージョン管理）

2023/09/25に公開

Version Historyの利用

プロダクト開発において、デザインファイルの安全な運用は重要です。変更理由の明確化や、過去の状態への復元など、さまざまなメリットがあります。
この記事では、FigmaのVersion History機能を利用して、デザインファイルのバージョン管理を行う方法を紹介します。

Version History とは

Version Historyを利用すると、デザインファイルのその時点のデータをバージョンとして保存できます。
保存されたバージョンを確認することで、過去の作業履歴の確認や復元を行うことができます。

たとえば、以下のようなケースでVersion Historyを利用することがあります。

作業後にバージョンを保存し、作業内容のログを管理する
任意のタイミングで名前をつけてバージョンを保存し、あとで参照する
過去のバージョンのデザインデータを確認し、これから行うデザイン作業の参考にする
仕様変更があった際に、過去のバージョンのデザインデータを復元し、新しくデザイン作業を行う

ただし、Figmaを利用しているプランによってVersion Historyの機能に制限がある^[1]ので注意が必要です。

スタータープランのVersion Historyは30日間のバージョンのみ利用可能
プロフェッショナル以上のプランのVersion Historyは無制限に利用可能

詳しくは、公式のヘルプページをご確認ください。

デザインデータのバージョンを管理するメリットについて

前述のようにVersion History機能は、ファイルの変更履歴を記録しバージョン管理を行う機能です。
この機能を利用することで、以下のような2つのメリットがあると考えています。

バージョンを基準にすることで、チームメンバーと変更内容について議論することができる

ファイルの変更履歴をタイムライン形式で簡単に確認することができるので、いつ、誰が、どのような変更を行ったかを簡単に確認できます。
デザインファイルの変更履歴をチームメンバーに共有することで、変更内容の把握や議論を行うことができます🙋‍♂️

チームメンバー複数人で変更内容を管理することができる

過去のデザインデータを確認し、状況に応じて任意のバージョンに戻すことができます。
必要になったら復元することができるので、不要になったデザインデータを余分に残しておく必要はありません。
余分なデザインデータを削除することで、必然とデザインデータを整理できます。
そのため、日頃のデザイン作業の効率化にもつながります✨

デザインデータの運用方法について協議を行う必要がある

他にもバージョン管理を行うメリットはいくつもあるかと思いますが、
チームメンバーと協議しながら、プロダクトに合わせたバージョン管理体制を構築していくことが重要だと考えます💡
以下、Version Historyの操作方法を紹介するので、ご参考ください。

Version Historyの操作方法

バージョンの保存方法

バージョン履歴を表示する
追加するバージョンの説明を入力する
保存される
バージョン履歴を非表示にする

バージョンの確認方法

バージョン履歴を表示して、確認したいバージョンを選択する

↓ 選択したバージョン時点のデザインが表示される
フィルターアイコンから自動バージョンを非表示にすると、意図的に保存したバージョンだけ表示されるので確認しやすい

バージョンの復元方法

バージョンからデザインファイルを復元する方法は二通りあります。

過去のバージョンを選択し、新しいデザインファイルとしてデザインファイルを新規作成する方法
1. 復元したいバージョンを右クリックする
2. 「複製」を選択する
3. 新しいデザインファイルとして作成されたファイルから、目的のデザインデータをコピペする
過去のバージョンを選択し、現在のデザインファイルを過去のバージョンに書き換える方法
!

こちらは運用しているデザインファイルを大きく変更してしまう可能性があります。
1. 復元したいバージョンを右クリックする
2. 「このバージョンを復元」を選択する
3. デザインファイルが選択したバージョンの状態に更新される