13
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

【Figma】覚えておきたい便利なショートカット7選

Posted at

はじめに

最近Figmaを使い始めたので、作業していて便利だなと思ったショートカットを忘れないようにまとめました。

記号 意味
Controlキー
Optionキー
Shiftキー
Commandキー

ちなみに
すべてのショートカットを知りたい方は、Figmaで⌃⇧?を押すと、ショートカットキー一覧を確認できます。
利用したことのあるショートカットキーは青色になっています。
スクリーンショット 2024-09-30 12.26.11.png

1. ⌘D : 複製

フレーム、パーツ、テキスト、なんでも複製できます。
2024-09-1813.30.22-ezgif.com-video-to-gif-converter.gif

2. ⌃⌥T : 均等配置

選択している複数のアイテムを均等配置することができます。
2024-09-2918.14.56-ezgif.com-video-to-gif-converter.gif

3. ⌥A, ⌥W, ⌥S, ⌥D : 整列

Aは左、Wは上、Sは下、Dは右方向に配置することができます。
2024-09-2918.18.16-ezgif.com-video-to-gif-converter.gif

4. ⌥HV : 上下左右中央配置

選択したアイテムをフレームの中央に配置することができます。
並行方向で中央にしたい場合は、⌥H。垂直方向で中央にしたい場合は、⌥V。
2024-09-2921.31.37-ezgif.com-video-to-gif-converter.gif

5. ] : レイヤー移動

レイヤーを一番上の階層に移動させることができます。
一番上ではなく、一つ上の階層に移動させたい時はを一緒に押します。
反対に、一番下に移動したい場合は[
2024-09-3012.09.20-ezgif.com-video-to-gif-converter.gif

6. ⌥⌘K : コンポーネント化

選択したアイテムをコンポーネントとして扱えるようになります。
選択しているパーツが紫色の線で囲われたらコンポーネント化完了です。
2024-09-3012.14.25-ezgif.com-video-to-gif-converter.gif

7. ^C : カラーピッカー

カーソルを置いた場所のカラーコードを知ることができます。
2024-09-3012.18.15-ezgif.com-video-to-gif-converter.gif

終わりに

今回は覚えておきたい便利なショートカット8選を紹介しました。
ショートカットをうまく使いこなして、生産性を上げていきましょう!

13
5
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
13
5

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?