![見出し画像](https://assets.st-note.com/production/uploads/images/127225666/rectangle_large_type_2_3500adc2b0419f679d858007df8c8319.png?width=800)
【Figma入門】基本ツール・操作
はじめに
こんにちは!はんたです!
社内のFigma勉強会のために作成したスライドを公開します。
Figmaをはじめて触る方はぜひ参考にしていただけますと嬉しいです!
今回は、Figmaの基本ツール・操作の紹介になります。
![](https://assets.st-note.com/img/1704876023344-Uieq0f1VMy.png?width=800)
移動ツール
![](https://assets.st-note.com/img/1704876434112-l4Zo0TOGGG.png?width=800)
手のひらツール
![](https://assets.st-note.com/img/1704876442827-V3UZe0s4D8.png?width=800)
描画ツール
![](https://assets.st-note.com/img/1704876450854-kGPywwwDup.png?width=800)
テキスト挿入・編集
![](https://assets.st-note.com/img/1704881014977-q8UPrSsdAp.png?width=800)
テキストツール
![](https://assets.st-note.com/img/1704880997650-NDQeVIMtlP.png?width=800)
テキスト編集
![](https://assets.st-note.com/img/1704880999994-WrSSgkaoP2.png?width=800)
編集したい要素を選択してから、右サイドバーから編集します。
テキスト編集 練習課題
![](https://assets.st-note.com/img/1704880997775-dYI8ihDD5a.png?width=800)
シェイプ挿入・編集
![](https://assets.st-note.com/img/1704881014830-TLXRddGPDQ.png?width=800)
シェイプツール
![](https://assets.st-note.com/img/1704881002520-8Tt5rQ4eyX.png?width=800)
シェープを選択してから(もしくはショートカット)、キャンバスにクリック/ドラッグするとシェープを出すことができます。
シェイプを選択してドラッグすることでサイズ調整も可能です。
長方形
![](https://assets.st-note.com/img/1704881005270-hm0vsR86hG.png?width=800)
シェイプの編集
![](https://assets.st-note.com/img/1704881007271-Z8PrIjGH0L.png?width=800)
シェイプ編集 練習課題
![](https://assets.st-note.com/img/1704881007451-y7QPxl9eJH.png?width=800)
楕円
![](https://assets.st-note.com/img/1704881009830-LLAABrjxWx.png?width=800)
その他シェイプの解説
![](https://assets.st-note.com/img/1704881012265-BlPkPWXXfo.png?width=800)
シェイプの練習課題
![](https://assets.st-note.com/img/1704881014702-COecEvitk2.png?width=800)
おわりに
お疲れ様です!
今回は、Figmaの基本ツール・操作を紹介してきました!
投稿を読んでいただきありがとうございました!
この記事が気に入ったらサポートをしてみませんか?