TOOL

Figmaの基本的な使い方!初心者向けに用語やショートカットを解説

こんにちは、テルプロです!

「Figmaの基本的な使い方がわからない」とお悩みではないでしょうか?

テルプロ

本記事ではそんな悩みを解決していきます!

本記事を読むことで
  1. Figmaの基本的な使い方を短時間で確認できる
  2. 用語やよく使うショートカットを知ることができる

Figmaの基本的な使い方

Figmaとは

Figma』は、UI/UXデザイン用の共同Webアプリケーションです。

Figmaの便利な点として、Webブラウザ上で利用できることが挙げられます。アカウントさえ取得していれば、オフィスと自宅で作業をスムーズに継続できます。

URLを共有すれば、1つのファイルを複数のメンバーで編集できるため、ディレクターやエンジニアなどの様々な役割の人とデータを共有しながらの作業が可能です。

Figmaは無料で利用できます。無料プランでは、共有できる人数や作成できるプロジェクトの数に制限がありますが、個人で利用する分には問題ないでしょう。

Figmaの基本的な用語

Figmaでデザインをする上で押さえておくべき「基本的な用語」は以下の通りです。

用語説明
8 Point Grid SyStem8の倍数で一貫性のあるサイズ
Component繰り返し使用するデザインをテンプレート化
Constraintオブジェクトの位置や可変幅に制約を加える
Auto Layoutオブジェクトのレイアウト調整を行う
Plugin便利なサービスをFigma上で利用する
Effect陰影やぼかしを加えてリッチなUIに
Text Styleテキストを管理する
Color Style色を管理する
Team Libraryスタイルやコンポーネントを管理する

Figmaの基本的なショートカット

Figmaでデザインをする上で押さえておくべき「基本的な用語」は以下の通りです。

ショートカット説明
移動ツール(V)オブジェクトを選択したり移動する際に使用。
拡大・縮小ツール(K)オブジェクトの拡大縮小を行うツール。テキストの拡大縮小にも使える。
フレーム(F)フレーム(枠組み)を作成するツール。各種デバイスサイズのテンプレートも用意されている。レイアウトの用途にも使用。
長方形ツール(R)長方形を作成するツール。Shiftで正方形を描ける。
直線ツール(L)直線を作成するツール。Shiftで垂直に描ける。
楕円ツール(O)楕円を作成するツール。Shiftで正円を描ける。
ペンツール(P)独特なシェイプを作成できる。
テキストツール(T)テキストを入力するツール。クリック挿入で自動幅、ドラッグ操作で固定幅のテキストエリアを作成。
手のひらツール(H)キャンバスを移動する際に使用するツール。スペースキーで一時的な利用が可能。
コメントツール(C)キャンバス状にコメントを残せるツール。チャット形式でのやり取りが可能。メモとしても利用できる。

まとめ

今回は「Figma入門の基本的な使い方」をご紹介しました。

今回ご紹介した用語やショートカットは、デザインをする上で最低限押さえておきたい基本的な知識になります。しっかりと押さえておきましょう。

UI/UXデザインの実践的なスキルを身につけたい方には「Udemy」がおすすめです。オンラインコースの数は10万以上。世界で4000万人以上の人が学習に利用しています。

▼以下では、口コミをもとに厳選した「UI/UXデザイン学習におすすめのUdemy講座3選」をご紹介しています。ぜひ参考にしてみてください!

最後までご覧いただきありがとうございました。ではまた!

ABOUT ME
テルプロ
東京都在住のアプリエンジニア。大学では、ソフトウェア開発の研究に取り組む。長期のエンジニアインターンシップを経て、実務スキルを磨き、現在はフリーランスエンジニアとしても活動中。メインはモバイルアプリ開発。IT関連の記事監修も行い、技術の共有と普及に励んでいます。 監修実績(レバテックフリーランス
\ 登録しておいて損なし!IT就活支援サービス /
1位:レバテックルーキー
レバテックルーキー」とは、新卒でITエンジニアを目指す学生の支援に特化した就職エージェントです。業界支持率NO.1の実績を誇っており、エージェント選びに悩む学生におすすめです。エンジニア業界を熟知したアドバイザーが担当します。面接対策だけでなく、学生の志向性やスキル、入社後のキャリアパスを考慮したアドバイスをしてくれる就職活動の強い味方となります。
おすすめ度
URLレバテックルーキーはこちら

 

2位:OfferBox
OfferBox」とは、企業が興味を持った学生にオファーする、新しい就活サイトです。学生は自分のプロフィールを登録しておくだけで、企業からオファーをもらえます。学生利用率No.1で就活生の3人に1人が利用しており、IT業界を志望する学生にもおすすめです。いわゆる一斉配信ができないため、企業はしっかりと学生のプロフィールを見て、オファーを送ってくるので安心です。
おすすめ度
URLオファー型就活アプリOfferBox

 

3位:GeekSalon
GeekSalon」とは、全国展開の大学生限定プログラミングスクールです。Web開発やアプリ開発など多様なコースを提供しています。お値段は他スクールの3分の1程度の料金で、大学生でも通いやすい値段設定です。専属メンターが全面的にサポートしてくれるため、未経験でも安心です。また、切磋琢磨できる同世代の仲間に出会えます。スクールを検討している大学生におすすめです。
おすすめ度
URL大学生限定コミュニティ「GeekSalon」