Sponsored Link
「Figma」のワークスペースにあるツールバーの各ツールの名称や使い方をまとめました。
この記事の目次
ツールバーの各ツールの名称や使い方
選択ツール・てのひらツール・スケールツール
デザインファイルを開くと、Figmaはデフォルトで移動ツールを選択します。移動ツールの右側にある矢印をクリックすると、手のツールとスケールツールにアクセスできます。
名称 | アイコン | ツールの機能 | ショートカットキー |
---|---|---|---|
選択ツール | ![]() |
キャンバス上でオブジェクトのクリック選択や、ドラッグ移動をする。 | V |
てのひらツール | ![]() |
オブジェクトには影響せず、キャンバス自体をドラッグして表示位置を変える。Spaceキー + ドラッグでも可能。 | H |
スケールツール | ![]() |
オブジェクト全体またはレイヤーのサイズを変更する。 | K |
フレームツール・セクションツール・スライスツール
デザインファイルを開くと、Figmaはデフォルトで移動ツールを選択します。移動ツールの右側にある矢印をクリックすると、手のツールとスケールツールにアクセスできます。
名称 | アイコン | ツールの機能 | ショートカットキー |
---|---|---|---|
フレームツール | ![]() |
右サイドバーのドロップダウンを使用して、フレームプリセットを選択する。 | F |
セクションツール | ![]() |
調査中 | Shift + S |
スライスツール | ![]() |
エクスポートする画面の領域を指定できる。 | S |
シェイプツール
シェイプツールには、デフォルトで使用できるシェイプがいくつか用意されています。デフォルトでは長方形ツールが選択されています。
名称 | アイコン | ツールの機能 | ショートカットキー |
---|---|---|---|
長方形ツール | ![]() |
キャンバス上の特定の位置をクリックしてドラッグし、長方形を作成する。 | R |
線ツール | ![]() |
キャンバス上の特定の位置をクリックしてドラッグし、直線を作成する。 | L |
矢印ツール | ![]() |
キャンバス上の特定の位置をクリックしてドラッグし、矢印を作成する。 | Shift + L |
楕円ツール | ![]() |
キャンバス上の特定の位置をクリックしてドラッグし、楕円形を作成する。 | O |
多角形ツール | ![]() |
キャンバス上の特定の位置をクリックしてドラッグし、多角形を作成する。 | – |
星ツール | ![]() |
キャンバス上の特定の位置をクリックしてドラッグし、星を作成する。 | – |
画像/動画 | ![]() |
画像・動画を読み込んで配置する。 | Ctrl + Shift + K |
ペンツール・鉛筆ツール
名称 | アイコン | ツールの機能 | ショートカットキー |
---|---|---|---|
ペンツール | ![]() |
ベクターシェイプとアイコンを作成する。 | P |
鉛筆ツール | ![]() |
フリーハンドの描画や注釈を追加できる。 | Shift + P |
テキストツール
テキストはインターフェースデザインにおいて重要な要素の一つです。テキストの配置や並び方からフォントの選択まで、あらゆる要素が重要な役割を果たします。
名称 | アイコン | ツールの機能 | ショートカットキー |
---|---|---|---|
テキストツール | ![]() |
キャンバス上でクリック、もしくはドラッグしてテキストを入力する。 | T |
コメントツール・アノテーションツール・測定ツール
キャンバスにあなたの考えやアイデア、フィードバックを書き込むことができます。 コメントを使えば、フィードバックの送信や返信、デザインの微調整、そして作業の高速化など、デザインファイルを離れることなく、あらゆる作業を行うことができます。コメントは、ファイルの閲覧権限または編集権限を持つユーザーであれば誰でもアクセスできます。
名称 | アイコン | ツールの機能 | ショートカットキー |
---|---|---|---|
コメントツール | ![]() |
デザインの気になる部分や修正が必要な箇所に直感的にコメントを追加できる。 | C |
アノテーションツール | ![]() |
キャンバス上のレイヤーに補足を加えることができる。 | Y |
測定ツール | ![]() |
キャンバス上にレイヤー間の距離の数値を加えることができる。 | Shift + M |
アクションメニュー
テキストはインターフェースデザインにおいて重要な要素の一つです。テキストの配置や並び方からフォントの選択まで、あらゆる要素が重要な役割を果たします。
名称 | アイコン | ツールの機能 | ショートカットキー |
---|---|---|---|
アクションメニュー | ![]() |
様々な操作を効率的に行うための機能。例えばプラグインの追加や実行などが可能。具体的には、テキストスタイルを追加するためのプラグインの実行など。 | Ctrl + K |
参考情報など
参考:
Figmaの新UI: UI3のナビゲート – Figma Learn – ヘルプセンター
ツールバーからデザインツールにアクセスする – Figma Learn – ヘルプセンター
Figmaでの文字入れ方法とテキスト設定 | Skillhub[スキルハブ]
測定値の追加(Figma)|Blau