Figmaのサイズの大きい画像を縮小せずにインポートするプラグイン「Insert Big Image」

Figmaでは、横幅か高さのどちらか長い方が「4096px」を超えていると、4096pxに収まるように画像が縮小されてしまいます。

元の画像比率は維持したまま縮小されますが、このときの縮小がかなり粗く、テキストはほとんど読めないレベルです。

普段はそこまでサイズの大きな画像は配置しませんが、参考デザインなどフルスクリーンキャプチャした画像を貼り付けようとしたときに困ります。

これを回避してくれるのが「Insert Big Image」プラグインです。

Insert Big Image

Figma

Figma

https://www.figma.com/community/plugin/799646392992487942/Insert-Big-Image

Figma Community plugin - Insert and retain the original resolution of big images.Fund my work on Figma plugins →Insert Big ImageOpens a dialog through which one or more image files can be selected. Intelligently splits up and inserts each image file as a set of smaller images. (This is to work around a limitation in...

Insert Big Imageを使って画像を貼り付けると、横幅か高さのどちらか長い方が4096pxを超えた場合に、自動で画像を分割して貼り付けてくれます。

要は画像を分割して貼り付けることで、Figmaの4096px制限に引っかからないようにするプラグインです。

プラグインをインストールするとメニューバーに［Plugins］→［Insert Big Image］が追加されます。

基本的な使い方

Figmaのメニューバーに［Plugins］→［Insert Big Image］を選択して、パネルを表示します。

このパネルに画像をドラッグアンドドロップして使用します。
普通にFigma画面上に画像するといままで通り画像は粗くなってしまうので注意が必要です。

サイズの大きい画像をインポートするときは、このパネルを必ず経由するようにしましょう。

@2x画像のインポート

パネルの下の方に「Insert as a @2x image」というチェックボックスがあります。

Retina対応のための2倍書き出しをしている画像をインポートするときは、このチェックを入れることで、自動で画像サイズを半分にしてFigma上に貼り付けてくれます。