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

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

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

使い方は、

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

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

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

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

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

この記事の関連シリーズ

Figmaの役立つTips特集

FigmaでのWebデザインやUIデザイン制作に、知っておくと役立つFigmaの便利な使い方やショートカットを紹介する連載企画。プラグインやウィジェットなど、『Figma Community』に公開されているおすすめのリソースも紹介！