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 | 選択中のレイヤー以外を閉じる |