
Figmaでフレームやレイヤーをエクスポートする際に「2x」「3x」など、フレームのサイズの倍数でサイズを指定できることはよく知られていると思います。
しかし、出力する画像のサイズをピクセル単位で指定することができることは意外と知られていないかもしれません。出力サイズをピクセル単位で指定する方法は以下のとおりです。
Figmaを開き、エクスポートしたいフレームやレイヤーを選択します。
右側の「デザイン」パネルの下部から「エクスポート」をクリックします。
「+」アイコンをクリックして、新しいエクスポート設定を追加します。
サイズ指定のドロップダウンに直接書き出したいサイズの縦幅、または横幅を指定します。
縦幅を指定したい場合は、「300h」「600h」のように数字の後に「h」をつけて指定します。横幅を指定したい場合には、「200w」「500w」のように数字の後に「w」をつけます。
ちなみにこのドロップダウンメニューの中で四則演算を行うことも可能で、例えば「200*4w」入力すると「800w」になり、「600+40h」と入力すると「640h」になります。四則演算の記号は以下のとおりです。
足し算「+」(例 1+1)
引き算「-」 (例 2-1)
掛け算「*」(例 5*4)
割り算「/」(例 6/3)
unprintedの『Figmaの役立つTips特集』では、他にも知っておくと便利なFigmaのショートカットやTipsを紹介していますので、ぜひチェックしてみてください。
Figma