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

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

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

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

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


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

次のいずれかの方法でファイルをアップロードします。

  • エディタ画面に直接ドラッグ&ドロップする

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

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

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

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

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

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

    スクリーン上の画像ボックスまたは動画ボックスをダブルクリックして、アップロードパネルを開くことも可能です。

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

ファイル名を変更する

アップロードパネル上で、ファイル名をダブルクリックすると名前を編集できます。


ファイルを削除する

ファイル削除のルール

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

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

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

1ファイルだけ削除する

  1. アップロードパネルで、削除したいファイルのサムネイルにカーソルを合わせます。

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

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

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

  1. アップロードパネルで、削除したいファイルを複数選択します。

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

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

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

  2. 削除対象のファイル(またはフォルダ)を選択します。

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

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


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

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

検索バーで検索する

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

表示方法を変更する

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

ファイルを並べ替える

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

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

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

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


フォルダ管理と移動

フォルダを作成する

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

    スクリーン上の画像ボックスまたは動画ボックスをダブルクリックして、アップロードパネルを開くことも可能です。

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

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

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

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

フォルダ名を変更する

  1. アップロードパネルで、対象のフォルダを選択し開きます。

  2. パネル上部のフォルダ名(新規作成時は[NewFolder])をクリックして、入力フィールドを有効化します。

フォルダを削除する

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

image picture

イメージ 写真 素材

こちらの回答で解決しましたか?