Figmaの歩き方

まずは「自分の机」を知ろう

Figmaの画面を開いた瞬間、真っ暗（または真っ白）で驚いたかもしれません。
ここは「無限に広がる宇宙」のような場所です。
でも安心してください。使う場所（机）のレイアウトは決まっています。

覚えることは3つだけです。

• 上 (道具箱)：ペンや図形などのツールが入っています。
• 左 (レイヤー)：置いたもののリストが表示されます。
• 右 (プロパティ)：色やサイズなどの「細かい設定」をする場所です。

机の上に「画用紙」を置く

無限の宇宙には、そのままでは絵が描けません。
「ここからここまでがスマホの画面ですよ」という枠を置く必要があります。
Figmaではこれを「フレーム (Frame)」と呼びます。

まずは机に画用紙を置くところからスタートです。

左手で「道具」を持ち替える

画用紙ができたら、積み木を置いていきましょう。
Webデザインの9割は、実は「四角形」と「文字」だけで作られています。

画面上のアイコンを毎回クリックするのは疲れるので、
「左手で道具を持ち替える（ショートカット）」を覚えましょう。これだけでプロっぽくなります。

「右パネル」でお化粧する

灰色の四角形だけでは寂しいですね。
色を変えたり、角を丸くしたりして、かわいく変身させましょう。

合言葉は「選択してから、右を見る」です。
Figmaでは、選んだものの詳細設定はすべて右側のパネルに出ます。