のぐそんブログ

暗いおじさんがシコシコ書くブログです。

Figamを利用するときに便利だったことメモ

Figmaを利用するときに便利だったことのメモです。

グリッドシステムを利用する

12グリッドシステムの場合。 コンテンツ幅は1120pxにする場合は以下の設定。

Component一覧を表示する

コンポーネント一覧を表示することができます。

option + 2 (通常のレイヤーviewに戻す場合はoption + 1)

コンポーネントのCONSTRAINTSが「Scale」でもサイズを変更しない方法

Command + ドラックでCONSTRAINTSが「Scale」のオブジェクトも拡大せずにコンポーネントサイズを変更することができます。

コンポーネントの一括リネーム

Command + Rコンポーネントを一括でリネームすることができます。

マージンを同時に変更

同時に変更したいオブジェクトを全て掴んで、マージン部分の「ー」をドラックする。

属性をコピーするショートカット

ショートカット 動作
Command + option + c コピー
Command + option + v ペースト

localフォントをブラウザ上でも利用する

デスクトップアプリを利用した場合にローカルフォントを利用できるようになります。

ブラウザ版で左上のメニューから、「Help and Account > Account Setting」を選択。

Fontsの項目から「Download installer enable local fonts」を選択。 アプリがダンロードされるので、インストールするとローカルのフォントが使えるようになる。

アウトラン表示ができる

Command + Y (戻す場合も同じ)

バージョン管理

画面上部のメニューから「show Version History」を選択。 画面右側に変更履歴が表示される。

変更履歴を保存することもできる。 Command + option + sを押すとモーダルが表示される。 情報を入力して保存すると、履歴が保存される。

画像の一括登録

Command + shift + K で画像を一括登録ができる。

レイヤー操作

レイヤーを操作する場合に便利なショートカットです。

ショートカット 動作
Tab 次のレイヤーを選択
Enter レイヤーの下の階層に入る
Shift + Enter レイヤーの上の階層に移動
⌥L 選択中のレイヤー以外を閉じる