Figmaの役立つTips特集

Figmaで作ったデザイン、またはその一部だけをちょっと画像として他のところに貼り付けたい時ってありませんか？画面デザインをMiroやパワーポイントに貼り付けるときなど、いちいちエクスポート機能を使って書き出すと時間がかかります...そんな時には、画像としてコピーしたいレイヤーやグループ、フレームを選択した状態で『Command ⌘ + Shift + C』のショートカットを使うと、選択した部分をpng画像としてクリップボードにコピーすることができます！一つのレイヤーやグループだけではなく、複数

ECサイトの商品一覧や動画視聴サービスの動画一覧画面など、Figmaに複数の画像を追加したいような場合、どのように追加していますか？一つずつレイヤーを選択して「塗り > 画像」を選択したり、一度すべての画像をFigmaに追加してから配置を調整するといった方法を使う人も多いのではないでしょうか？今回紹介するショートカットは、そんな時に便利な「複数画像を埋め込み先のレイヤーを選択しながらFigmaに追加」できる『Command ⌘ + Shift + K』です！このように、Figmaの画面上で『Co

Figmaに限らず、PC作業でコピー&ペーストを使うとき、「Command ⌘ + C」と「Command ⌘ + V」を使うのはもはや当たり前になっていますよね！毎日のように使うこのコピー&ペーストのショートカットですが、Figma上でコピーしたレイヤーやグループを「Command ⌘ + V」で貼り付けると、フレームの外にペーストされてしまったり、予想外の場所にペーストされてしまう現象に悩まされるデザイナーも多いのではないでしょうか？実は、Figmaには「ここに貼り付け」という機能があり、シ

Figmaでデザインに画像を追加した後に、元画像の解像度を確認したり、画像を別ソフトで再編集したくなることはありませんか？実はFigmaには、Figmaのサーバーにアップロードされた元画像を開いてくれる機能があるのです。使い方は、画像のレイヤーを選択「インスペクト」タブを開く「インスペクト」タブの下の方にある画像の「ファイル名」リンクを選択これによってブラウザで元画像を開くことができ、画像のサイズ確認やダウンロードをすることができます。「インスペクト」内の機能であることから、エンジニアがオリジナ

Figmaでフレームやレイヤーを追加していくと「Rectangle 1」「Rectangle 2」のようにデフォルトの名前がつきますよね。それぞれのレイヤーに名前を付けて管理したい場合は「名前を変更」機能を使って名前を変えていくことが多いと思います。場合によっては、複数のレイヤーに同じ名前を付けて管理したい場合もあるのではないでしょうか？今回は、そんな時に役立つFigma Tipを紹介します。レイヤー名変更モーダルの使い方名前を変更したい複数のレイヤーを選択「コマンド ⌘ + R」で名前変更モー

Figmaでフレームやレイヤーをエクスポートする際に「2x」「3x」など、フレームのサイズの倍数でサイズを指定できることはよく知られていると思います。しかし、出力する画像のサイズをピクセル単位で指定することができることは意外と知られていないかもしれません。出力サイズをピクセル単位で指定する方法は以下のとおりです。Figmaを開き、エクスポートしたいフレームやレイヤーを選択します。右側の「デザイン」パネルの下部から「エクスポート」をクリックします。「+」アイコンをクリックして、新しいエクスポート設