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

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

画像・動画・PDFファイルのアップロードをして、Webページのデザインや構成に活用できます。各種ファイルはアセットパネルにアップロードして利用します。ファイルのアップロード方法、管理、削除などの基本操作を説明します。

ファイルアップロードの概要

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

アップロードしたファイルは、エディタ・CMSダッシュボードに共通するアセットパネルに格納されます。次のいずれかの方法で、ファイルをアセットパネルにアップロードします。

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

  • エディタのスクリーン/CMS編集画面に直接ドラッグ＆ドロップする

  • エディタやCMSのアップロードパネルから追加する

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

ドラッグ＆ドロップでファイルを追加する方法

  1. デザインエディタを開き、任意のページを開きます。

  2. ファイルをスクリーンにドラッグ＆ドロップします。

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

  1. 画面左側のナビゲーションで[アップロード]アイコンを選択し、アップロードパネルを開きます。

  2. パネル上部の[＋]から[ファイルをアップロード]を選択し、追加するファイルを選びます。

ファイル名を変更する

  1. 画面左側のナビゲーションで[アップロード]アイコンを選択し、アップロードパネルを開きます。

  2. 対象のファイル名をダブルクリックして、名前を編集します。

ファイルを削除する

ファイル削除のルール

  • ファイルを削除すると、まずゴミ箱に移動します。

  • プロジェクトから完全に削除したい場合は、ゴミ箱からも削除します。

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

1ファイルだけ削除する

  1. 画面左側のナビゲーションで[アップロード]アイコンを選択し、アップロードパネルを開きます。

  2. 削除したいファイルのサムネイルにカーソルを合わせます。

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

Tips: ページに配置済みのボックスをダブルクリックすると、アップロード＆置き換えパネルが開きます。このパネルには、削除ボタンは表示されません。

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

  1. 画面左側のナビゲーションで[アップロード]アイコンを選択し、アップロードパネルを開きます。

  2. 削除したいファイルを複数選択します。

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

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

  1. 画面左側のナビゲーションで[アップロード]アイコンを選択し、アップロードパネルを開きます。

  2. パネル左上のフォルダ選択メニューで[ゴミ箱]を選択します。

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

  4. パネル下部の青いバーをクリックします。

  5. [完全に削除]をクリックして、ファイルをゴミ箱から削除します。

ファイル名の変更・削除ができない場合

画像やファイルの名前変更・削除ができない場合は、操作しているパネルが原因の可能性があります。Studioには、画像や動画を扱うパネルが2種類あります。

パネル

開き方

できること

アップロードパネル

画面左側の[アップロード]アイコンをクリック

ファイルの追加・削除、フォルダ名の変更

アップロード＆置き換えパネル

配置済みの画像ボックス、または動画ボックスをダブルクリック

ファイル名やフォルダ名の変更、削除は、必ずアップロードパネルから操作してください。

ファイルの表示・並べ替え・検索

アップロードパネルの検索バーとその右横のアイコンで、ファイルの表示変更や並べ替え、検索ができます。

検索バーで検索する

検索バーにファイル名やフォルダ名を入力し、目的のファイルをすばやく探せます。

表示方法を変更する

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

ファイルを並べ替える

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

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

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

Tips: パネル上部の[全種類][画像][動画][PDF]アイコンを選択して、ファイルタイプを絞り込むこともできます。

フォルダ管理と移動

フォルダを作成する

  1. 画面左側のナビゲーションで[アップロード]アイコンを選択し、アップロードパネルを開きます。

  2. パネル上部の[＋]から[フォルダを作成]を選択します。

  3. 新規フォルダ[NewFolder]を作成します。

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

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

フォルダ名を変更する

  1. 画面左側のナビゲーションで[アップロード]アイコンを選択し、アップロードパネルを開きます。

  2. 対象のフォルダを選択し開きます。

  3. パネル上部のフォルダ名（新規作成時は[NewFolder]）をクリックして、入力欄を有効化します。

フォルダを削除する

  • フォルダを削除すると、一度ゴミ箱に移動します。

  • ゴミ箱から削除するとプロジェクトから完全に削除されます。

Tips: ページに配置済みのボックスをダブルクリックすると、アップロード＆置き換えパネルが開きます。このパネルには、削除ボタンは表示されません。

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

  1. 画面左側のナビゲーションで[アップロード]アイコンを選択し、アップロードパネルを開きます。

  2. フォルダのサムネイル上にカーソルを移動します。

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

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

  1. 画面左側のナビゲーションで[アップロード]アイコンを選択し、アップロードパネルを開きます。

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

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

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

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

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

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

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

  1. 画面左側のナビゲーションで[アップロード]アイコンを選択し、アップロードパネルを開きます。

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

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

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

アップロードファイルの活用と関連リンク

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

image picture

イメージ 写真 素材

関連記事
こちらの回答で解決しましたか？