メインコンテンツにスキップ

各種ファイル（画像・動画・PDF）のアップロードと管理

アセットパネルから、デザインエディタ上に画像・動画・PDFファイルのアップロードが可能です。ファイルのアップロード方法、管理、削除などの基本操作を説明します。

一週間前以上前にアップデートされました

各種ファイル（画像・動画・PDF）のアップロードと管理

デザインエディタ上のアセットパネルから、画像・動画・PDFファイルをアップロードすることができます。アップロードした画像や動画をページ上で自由にレイアウトしたり、PDFをリンク先として指定することが可能です。

このページでは、ファイルのアップロード方法、管理、削除などの基本操作を説明します。

Point：アップロードが可能なファイル形式とプランごとのストレージ容量制限の詳細は、Studioエディタにアップロード可能なファイル形式と容量制限の記事を参照してください。

ファイルをアップロードする

ファイル容量は1ファイルあたり1GBまでです。次のいずれかの方法でアップロードできます。

注意：Figma to Studioでは動画ファイルをアップロードすることはできません。

ドラッグ＆ドロップで追加する方法

ファイルをエディタ画面にドラッグ＆ドロップします。

アップロードパネルから追加する方法

  1. 画面左側の[>]で左パネルを開きます。

  2. [追加]タブを選択して追加パネルを開きます。

  3. 追加パネル左のリストから[アップロード]を選びます。

  4. パネル上部の[＋]より[ファイルをアップロード]を選択して、ファイルを追加します。

    スクリーンショット：アップロードパネル上部の[+]アイコンをクリックし、[ファイルをアップロード]を選択しようとしている様子

Tips:

スクリーンに配置した画像ボックスまたは動画ボックスをダブルクリックすることでもアップロードパネルが開きます。

ファイル名を変更する

ファイル名をダブルクリックして編集します。

スクリーンショット：アップロードパネル上のファイル名をダブルクリックして、編集しようとしている様子

ファイルを削除する

  • 削除したファイルはゴミ箱に移動します。ファイルをプロジェクトから完全に削除したい場合は、さらにゴミ箱から削除してください。

  • ゴミ箱から削除したファイルは、バージョン管理機能でも復元ができません。

1ファイルのみを削除する方法

Tips: ページに配置済みのボックスをダブルクリックしてアップロードパネルを開いた場合は、削除ボタンが表示されません。

  1. アップロードパネルでファイルのサムネイル上にカーソルを移動します。

  2. 表示されるゴミ箱のアイコンをクリックしてファイルを削除します。

    スクリーンショット：アップロードパネルのファイルを削除する様子。ファイルのサムネイル右上にゴミ箱のアイコンが表示されている。

複数ファイルを一括で削除する方法

  1. 削除対象のファイルを複数選択します。

  2. パネル下部に表示される青色のバーでゴミ箱のアイコンをクリックして一括削除をします。

ゴミ箱からファイルを削除する方法

  1. アップロードパネル左上のフォルダ選択メニューで[ゴミ箱]選択します。

  2. 削除対象のファイル（またはフォルダ）を選択して、削除します。

アップロードパネル上でのファイルの表示を変更する

アップロードパネルの検索バー横のアイコンから、表示方法の変更や並べ替えができます。

スクリーンショット：アップロードパネルで表示方法切り替え選択をするためのリストを表示している様子。

ファイルの表示方法を変更する

パネル表示、またはリスト表示を選択できます。

ファイルを並べ替える

ファイルをアップロードが古い順または新着順に並び替えができます。

表示するファイルタイプを絞る

パネル上に表示するファイルタイプを絞り込みます。「すべて」・「画像のみ」・「動画のみ」の選択が可能です。

ファイルをフォルダで管理する

フォルダを作成する方法

  1. 画面左側の[>]で左パネルを開きます。

  2. [追加]を選択して追加パネルを開きます。

  3. 追加パネル左のリストから、[アップロード]を選びます。

  4. パネル上部の[＋]より[フォルダを作成]を選択して新規フォルダ[NewFolder]を作成します。

  5. ファイルを追加します。ファイルの種別に関わらず、同一フォルダ内に格納できます。

    スクリーンショット：アップロードパネルで[フォルダを作成]を選択している様子。

フォルダ名を変更する方法

フォルダを開き、パネル上部のフォルダ名（新規作成時[NewFolder]）をクリックして変更します。

フォルダを削除する方法

フォルダを削除すると、一度ゴミ箱に移動します。ゴミ箱から削除するとプロジェクトから完全に削除されます。

Tips: ページに配置済みのボックスをダブルクリックしてアップロードパネルを開いた場合は、削除ボタンが表示されません。

1フォルダのみを削除する方法

  1. アップロードパネルでフォルダのサムネイル上にカーソルを移動します。

  2. 表示されるゴミ箱のアイコンをクリックして、削除します。

複数フォルダを一括で削除する方法

  1. 削除対象のフォルダを複数選択します。

  2. パネル下部に表示される青色のバーでゴミ箱のアイコンをクリックして一括削除をします。

フォルダにファイルを追加する

[ファイルをアップロード]ボタン、またはパネル上部の[＋]より、ファイルのアップロードが可能です。

すでにアップロード済みのファイルをフォルダに移動する場合には、ドラック＆ドロップでファイルを移動してください。

ファイルの保管先フォルダを変更する方法

Tips：単一ファイルを同一階層内で移動する際はドラッグ＆ドロップの操作も可能です。複数選択時にはドラッグ&ドロップでの移動はできません。

  1. 該当のファイルにカーソルを合わせ、サムネイル左上のチェックを入れます。

  2. パネル下部に表示される青色のバーでフォルダ移動アイコンをクリックして、変更先のフォルダを選択します。

    スクリーンショット：ファイルの保管先フォルダを変更しようとしている様子。アップロードパネル下部に青いバーが表示され、バーの右側にはフォルダ変更アイコンとゴミ箱アイコンが表示されている。バーには、[1件を選択中]と記載されている。

ファイルやフォルダを検索する

ファイルの種類で絞り込む

パネル上部の[全種類][画像][動画][PDF]アイコンを選択すると、ファイルの種類で絞り込むことが可能です。

検索バーを使って検索する

検索バーを使って、ファイル名やフォルダ名で目的のファイルを素早く探すことができます。

アップロードした画像・動画・PDFファイルを活用する

アップロードしたファイルの活用方法は、以下の記事を参照してください。

image picture

イメージ 写真 素材

関連記事
Studioエディタにアップロード可能なファイル形式と容量制限
画像ボックス
アップロードしたPDFファイルをリンク先に指定する
Studioに動画を直接アップロードできますか？
動画ボックス
こちらの回答で解決しましたか？