各種ファイル(画像・動画・PDF)のアップロードと管理
Studioエディタのアセットパネルから画像・動画・PDFファイルをアップロードして、画像や動画をページ上で自由にレイアウトしたり、PDFをリンク先として指定することが可能です。このページでは、ファイルのアップロード方法や管理、削除などの基本的な操作方法を説明します。
Point:
アップロードが可能なファイル形式とプランごとのストレージ容量制限の詳細は、Studioエディタにアップロード可能なファイル形式と容量制限の記事を参照してください。
ファイルをアップロードする
以下のいずれかの方法でファイルのアップロードが可能です。
アップロードが可能なファイル容量は、1ファイルあたり1GBまでです。
注意:Figma to Studioでは動画ファイルをアップロードすることはできません。
ドラッグ&ドロップ
ファイルをエディタ画面にドラッグ&ドロップします。
[アップロード]パネルから追加
画面左側の[>]で左パネルを開き、[追加]を選択して追加パネルを開きます。
追加パネル内のリストから[アップロード]を選びます。
画像や動画をアップロードする場合にはパネル上部のプルダウンメニューで[アセット]を、PDFをアップロードする場合には、[PDF]を選択します。
パネル上部の[+]より[ファイルをアップロード]を選択して、ファイルを追加します。
ファイル名を変更する
ファイル名をダブルクリックして編集します。
ファイルを削除する
注意:ファイル形式により削除方法が異なります。
PDFを削除すると、操作後すぐにプロジェクトから完全に削除されます。
画像ファイルと動画ファイルを削除すると、一度ゴミ箱に移動します。ゴミ箱から削除するとプロジェクトから完全に削除されます。
プロジェクトから完全に削除後は、バージョン管理機能を使用してもデータを復元することはできません。
ファイルを一つだけ削除する場合
Tips: ページに配置済みのボックスをダブルクリックしてアップロードパネルを開いた場合は、削除ボタンが表示されません。
複数ファイルを一括で削除する場合
ファイルのアップロードパネル上の表示を変更する
アップロードパネル上の検索バー横のアイコンから、ファイルの表示方法の変更や並べ替えが可能です。
ファイルの表示方法を変更する
パネル表示、またはリスト表示を選択できます。
ファイルを並べ替える
ファイルをアップロードが古い順または新着順に並び替えができます。
表示するファイルタイプを絞る(画像・動画のみ)
パネル上に表示するファイルタイプを絞り込みます。「全て」・「画像のみ」・「動画のみ」の選択が可能です。
ファイルをフォルダで管理する([アセット]パネル内のファイルのみ)
[アセット]パネル内の画像・動画ファイルはフォルダに分けて管理することができます。
フォルダを作成する
画面左側の[>]で左パネルを開き、[追加]を選択して追加パネルを開きます。
追加パネル内のリストから[アップロード]を選びます。
上部のドロップダウンリストで[アセット]パネルを開きます。
パネル上部の[+]より[フォルダを作成]を選択して新規フォルダ[NewFolder]を作成します。
ファイルを追加します。画像・動画は同一フォルダ内に格納・管理が可能です。
フォルダ名を変更する
フォルダを開き、パネル上部のフォルダ名(新規作成時[NewFolder])をクリックして変更します。
フォルダを削除する
フォルダを削除すると、一度ゴミ箱に移動します。ゴミ箱から削除するとプロジェクトから完全に削除されます。
Tips: ページに配置済みのボックスをダブルクリックしてアップロードパネルを開いた場合は、削除ボタンが表示されません。
一つだけ削除する場合
アップロードパネルでフォルダのサムネイル上にカーソルを移動します。
表示される[×]ボタンをクリックしてファイルを削除します。
複数フォルダを一括で削除する場合
削除対象のファイルを複数選択します。
パネル上部に表示される削除アイコンをクリックして一括削除をします。
フォルダにファイルを追加する
[ファイルをアップロード]ボタン、またはパネル上部の[+]より、ファイルのアップロードが可能です。
すでにアップロード済みのファイルをフォルダに移動する場合には、ドラック&ドロップでファイルを移動してください。
ファイルの保管先フォルダを変更する
Tips:単一ファイルを同一階層内で移動する際はドラッグ&ドロップの操作も可能です。複数選択時にはドラッグ&ドロップでの移動はできません。
ファイルやフォルダを検索する
検索バーを使って、ファイル名やフォルダ名で目的のファイルを素早く探すことができます。
同一パネル内のデータのみが検索対象です。画像・動画の検索は [アセット]パネル、PDFの検索は[PDF]パネルに切り替えてから検索をしてください。
アップロードした画像・動画・PDFファイルを活用する
アップロードしたファイルの活用方法は、以下の記事を参照してください。
image
picture
イメージ
写真
素材