Figma

Figmaでデザインに追加された画像の元ファイルを表示する方法

最終更新日:2024.02.11編集部
Figmaでデザインに追加された画像の元ファイルを表示する方法

Figmaでデザインに画像を追加した後に、元画像の解像度を確認したり、画像を別ソフトで再編集したくなることはありませんか?

実はFigmaには、Figmaのサーバーにアップロードされた元画像を開いてくれる機能があるのです。

使い方は、

  1. 画像のレイヤーを選択

  2. 「インスペクト」タブを開く

  3. 「インスペクト」タブの下の方にある画像の「ファイル名」リンクを選択

これによってブラウザで元画像を開くことができ、画像のサイズ確認やダウンロードをすることができます。

「インスペクト」内の機能であることから、エンジニアがオリジナルの画像をコード内で使用する必要がある場合に向けた機能のようですが、デザイナーにとっても知っておくと役立つ便利な機能ですね!

この記事の関連シリーズ
Figma

関連記事

Related Articles

  • Figma Config 2025キーノートレポート!これまでにない速さで"アイデアをプロダクトに"できる世界に
    Figma2025.05.08
    Figma Config 2025キーノートレポート!これまでにない速さで"アイデアをプロダクトに"できる世界に
  • Figmaのオートレイアウトの基本的な使い方
    Figma2024.10.16
    Figmaのオートレイアウトの基本的な使い方
  • Figmaで画面遷移図やフローチャートをつくる方法
    Figma2024.10.10
    Figmaで画面遷移図やフローチャートをつくる方法
  • Figmaのコンポーネント化を解除してフレームに戻す方法
    Figma2024.10.08
    Figmaのコンポーネント化を解除してフレームに戻す方法

最新の記事

Latest Articles

  • AIが「それっぽいデザイン」を出せる時代に、私が向き合ったふたつのこと
    エッセイ2026.03.31
    AIが「それっぽいデザイン」を出せる時代に、私が向き合ったふたつのこと
  • 無料で商用利用可能!Adobe Fireflyの使い方と画像生成のコツを紹介
    Adobe2026.03.26
    無料で商用利用可能!Adobe Fireflyの使い方と画像生成のコツを紹介
  • 仕事のやり方って200色あんねん。プレイスタイル「マネジメント」を発見するとき
    エッセイ2025.12.17
    仕事のやり方って200色あんねん。プレイスタイル「マネジメント」を発見するとき
  • 「AIペルソナ」が業界トレンドに? 生成AIで激変する「デザインリサーチ」 最前線で活躍するリサーチャーに学ぶ
    インタビュー2025.12.04
    「AIペルソナ」が業界トレンドに? 生成AIで激変する「デザインリサーチ」 最前線で活躍するリサーチャーに学ぶ

デジタルデザインの最新情報をお届け!

unprintedのメールマガジンにご登録いただくと、デジタルデザインの最新情報をメールで受け取ることができます。今までに配信したバックナンバーも公開中!

※登録ボタンを押すと利用規約に同意されたものとします。