ツールバーの基本操作と機能の概要ツールバーには、FigmaでUIを作成する際に使用できる様々なツールと機能が含まれています。Figmaのツールバーに表示される内容は、選択したレイヤーによって変化します。ブックマークUIデザインUXデザインプロトタイピング公開日:2019/08/07最終更新日:2019/08/07目次1.ツールバーの基本操作2.ツールバーの機能3.メニューの使い方1.ツールバーの基本操作ツールバーはレイヤーリストやプロパティパネルとは違い、数値や文字を入力することは、ほぼありません。Figmaのツールバーは、図1のように、選択しているレイヤーにより変化します。使うと、ツールバー・プロパティパネル・レイヤーリストの表示・非表示を切り替えることができます。各ツールバーのツールの名称は図2のようになっています。1つ1つのツールの詳細な使い方については、この後のレッスンにて説明します。ツールバーメニューFigma上で行える様々なコマンドが階層式のメニューとして表示されます。検索窓にキーワードを入力することでコマンドをすぐに呼び出すことも出来ます。フレーム/スライスフレームの作成もしくはスライスの作成を行います。シェイプツール図形を描画することができます。ペン/鉛筆ツール線を描いたり、線をつないで自由な形の図形を描画することができます。テキストテキストを入力することができます。コメント他のチームメンバーとコミュニケーションを取ることができます。オブジェクト編集オブジェクトをベクター編集することができます。再利用可能なコンポーネントを作成することができます。マスク特定の部分のマスキングすることができます。画像の切り取り画像を切り取りするこができます。ファイル名変更プロジェクトのファイル名を変更することができます。シェアファイルを外部にシェアすることができます。プロトタイピング作成したプロトタイピングの再生を行うことができます。拡大・縮小キャンバスを拡大縮小して表示します。3.メニューの使い方まずはじめに、図3の左上にあるメニューボタンをクリックしましょう。メニュー内の検索窓クリックすると、メニューの選択項目と検索窓が出てきます。メニューを選択するメニューはいくつかに分類されていて、階層式になっています。行いたい作業を探して選択しましょう。検索窓メニューの項目名を覚えている場合は検索窓に実行したい項目を入力すると、すぐに探して実行することができます。Maskと表示されるので、クリックするとその図形にMaskを適応させることも出来ます。検索機能を活用して作業効率を上げていきましょう。