【Figma】よく使うショートカットキーと知っておくと便利な小技【Mac版】

目次

基本

  • フレーム作成:F
  • グループ化:Command + G
  • グループ解除:Command + Del
  • ロック/ロック解除:Shift + Command + L
  • オートレイアウト:Shift + A
  • コンポーネント化:Option + Command + K
  • コンポーネント解除:Option + Command + B
  • コピー:ドラッグ + Option
  • 上記方法でコピーした場合、続けて同じ間隔でコピーペースト:Command + D
  • オートレイアウトやコンポーネント内などの要素を選択する方法:Command + クリック

整列

  • 左揃え:Option + A
  • 水平中央揃え:Option + H
  • 右揃え:Option + D
  • 上揃え:Option + W
  • 垂直中央揃え:Option + V
  • 下揃え:Option +S
  • 垂直方向に等間隔で配置:Control + Option + V
  • 水平方向に等間隔で配置:Control + Option + H

図形描画・テキスト

  • 長方形:R
  • 円:O
  • 直線:L
  • 矢印:Shift + L
  • ペンツール:P
  • 文字:T
  • スポイトツール:I
  • マスク処理:Control + Command + M

知っていると便利な小技

グラスモーフィズム簡易版の作り方

  • 写真画像を選択(マスクしている時はCommandを押しながらクリック)
  • エフェクト → レイヤーブラー → Bの数値を調整(20くらいが見やすい|初期値4ではほぼボケない)

写真付きカードなどのコンポーネント化

写真以外の要素をコンポーネント化して、その後で写真以外のコンポーネント化した要素と写真(マスク含む)をグループ化すると、後の子コンポーネントの画像編集がしやすい。

要素と背景を馴染ませる方法

  • 画像要素:レイヤー > 乗算+75%
  • 文字要素:レイヤー > パススルー + 80%
よかったらシェアしてね!
  • URLをコピーしました!
  • URLをコピーしました!

この記事を書いた人

■清水WEB制作代表
■コーディング:WordPress(オリジナルテーマ制作等)・HTML・Sass・FLOCSS・JavaScript(jQuery)等
■集客力:YouTube/Instagram/ブログでそれぞれ登録者数16000人/フォロワー13000人/月間最大アクセス50000PVの集客実績があります
■文章作成:博士号所有、会社員時代は科学雑誌に寄稿していたので文章作成も得意です
■写真技術:Amazon Kindle出版で、写真集・撮影編集解説書を5冊好評発売中です

目次