Figmaのファイル管理とSketchファイルのインポート方法Figmaでのファイルの管理方法と、Sketchファイルのインポート方法を解説します。ブックマークUIデザインUXデザインプロトタイピング公開日:2019/04/26最終更新日:2019/04/26目次1.Figmaのファイル保存先について2.Figmaのファイルをローカルに保存する方法3.ファイルブラウザでファイルを管理する4.ファイルを並べ替える5.プロジェクト内のファイルを管理する6.Sketchファイルのインポートをする1.Figmaのファイル保存先についてFigmaは他のデザインツールと違い、ファイルをクラウドに保存します。ネットに繋がっていれば、編集するとすぐに上書き保存してくれます。基本的にローカルには保存されません。オフラインで変更が保存できていない場合、ファイル名の横に白い●が表示されます。インターネットに繋がれば自動的に保存されますが、不具合など●が消えない場合は「.fig」ファイルとして一時的にローカルに保存することもできます。S」でローカルに保存ができます。S」)保存したファイルは拡張子が「.fig」になり、Figmaでしか開けません。これを開くには、Figmaのファイルブラウザにドラッグ&ドロップでインポートします。3.ファイルブラウザでファイルを管理する保存方法がわかったところで、もう少し詳しくファイル管理の方法を見ていきましょう。Figmaでのファイル管理は、ファイルブラウザと呼ばれるダッシュボードで行います。起動するとすぐに表示される画面がファイルブラウザです。左のサイドバーにはRecent(最近開いたファイル。Files(ゴミ箱)チーム(ここでは、chot.desingというチーム。その下に表示されているのが、chot.design内にあるプロジェクト)があります。起動時に並んでいるファイルは、「Recent」の項目です。これはMacのFinderでいうところの「マイファイル」のようなもので、プロジェクトやチームに関係なく、ログイン中のアカウントで一番最近開いたファイルから順に表示されています。File」のボタンが表示されており、どの画面からでも新規ファイルが作成可能です。Recentから新規作成した場合は、自動的に「Draft」に格納されます。Recent(最近見たファイルリストから削除。オリジナルのファイルが消えるわけではありません)以上7つの操作ができます。4.ファイルを並べ替えるデフォルトでは、ファイルは保存日時が新しいものから順に並んでいます。Viewed(閲覧日が新しい順)の3つから選びます。5.プロジェクト内のファイルを管理するチームの中にはファイルを束ねる「プロジェクト」を作成することができます。プロジェクト内にはファイルをいくつでも置いておくことができます。共有についてファイルを共有する際は、ファイル単体でも可能ですが、プロジェクトごと共有することもできます。プロジェクトごと共有した場合、相手は中にある全てのファイルにアクセスできます。プロジェクトを一度シェアした相手を除いたり、権限を変えることもできます。Editor(編集権限)ができること編集権限のユーザーは、名前やデザイン、他の人の権限の変更や削除含めほぼ全ての機能が使えますが、オーナーをプロジェクトから退出させることだけはできません。Viewer(閲覧権限)ができること閲覧権限のユーザーは、名前やデザインの変更はできませんがコメント機能は使えます。他のユーザーに共有することもできます。この場合共有された相手に編集権限は付与できません。6.Sketchファイルのインポートをする最後に、Sketchからのファイルのインポート方法を紹介します。Figmaで開きたい「.sketch」ファイルをドラッグ&ドロップします。表示されたアラートでインポートが終わったことが確認できたら、Doneボタンをクリックすると完了です。