第1章｜Figmaとは？世界中で使われるデザインツールを基礎から理解しよう
「デザインを始めてみたい。」
「ホームページのデザインを作りたい。」
「アプリの画面を設計したい。」
そんなときによく名前を聞くのが、
Figma（フィグマ）
です。
近年では、
Webデザイナー。
UI/UXデザイナー。
エンジニア。
マーケティング担当者。
企業の企画担当者。
など、
幅広い職種で利用されています。
以前は、
デザインソフトといえば、
Photoshop。
Illustrator。
などが定番でした。
しかし現在では、
Webブラウザだけで利用できる手軽さや、
共同編集のしやすさから、
Figmaを採用する企業や制作会社が急速に増えています。
この章では、
Figmaとはどのようなツールなのか、
何ができるのか、
そしてなぜ世界中で利用されているのかについて分かりやすく解説していきます。
Figmaとは？
Figmaとは、
UIデザインやWebデザインを作成するためのデザインツール
です。
ホームページ。
スマートフォンアプリ。
バナー。
SNS画像。
プレゼン資料。
ワイヤーフレーム。
アイコン。
など、
さまざまなデザインを作成できます。
さらに、
一人で制作するだけでなく、
複数人で同時に編集できることも大きな特徴です。
Figmaでできること
Figmaでは、
さまざまな制作が可能です。
例えば、
Webサイトのデザイン。
スマートフォンアプリの画面設計。
ボタンやアイコンの作成。
SNS投稿画像。
チラシや資料。
プロトタイプ（画面遷移の確認）。
デザインシステムの構築。
など。
デザインに関わる多くの作業を、
一つのツールで行えます。
Webブラウザだけで使える
Figmaの大きな特徴の一つが、
Webブラウザから利用できること
です。
専用ソフトをインストールしなくても、
アカウントを作成すれば、
すぐに利用を始められます。
もちろん、
デスクトップアプリも用意されていますが、
基本的な操作はブラウザだけでも十分行えます。
環境を選ばず作業できることも、
多くの人に支持されている理由の一つです。
無料でも始められる
Figmaには、
無料プラン
があります。
基本的なデザイン作成であれば、
無料でも十分利用できます。
そのため、
学生。
デザイン初心者。
個人で勉強したい人。
副業を始めたい人。
など、
気軽に始めやすいサービスとなっています。
PhotoshopやIllustratorとの違い
Figmaと聞くと、
PhotoshopやIllustratorとの違いが気になる人も多いでしょう。
Photoshopは、
写真加工や画像編集
を得意としています。
Illustratorは、
ロゴやイラスト、
印刷物の制作
に強いソフトです。
一方、
Figmaは、
Webサイトやアプリ画面などのUIデザイン
を得意としています。
もちろん、
簡単な画像制作も可能ですが、
最大の特徴は、
画面設計や共同編集のしやすさにあります。
なぜFigmaが人気なのか
Figmaが急速に普及した理由はいくつかあります。
例えば、
ブラウザだけで使える。
共同編集ができる。
無料から始められる。
動作が軽い。
ファイル共有が簡単。
MacとWindowsの両方で使える。
など。
従来のデザインソフトにはなかった便利さが評価されています。
共同編集ができる
Figmaでは、
Googleドキュメントのように、
複数人が同じファイルを同時に編集できます。
例えば、
デザイナー。
エンジニア。
ディレクター。
クライアント。
それぞれが同じ画面を見ながら、
リアルタイムで確認・修正できます。
メールでデータを送り合う必要がないため、
作業効率も大きく向上します。
デザイン初心者にもおすすめ
Figmaは、
プロ向けのツール
というイメージがあります。
しかし、
基本操作は非常に分かりやすく、
初心者でも学びやすい設計になっています。
図形を配置する。
文字を書く。
画像を追加する。
色を変更する。
こうした基本操作から始められるため、
デザイン経験がなくても安心です。
Web制作との相性が良い
現在では、
ホームページ制作の現場でも、
Figmaが使われることが増えています。
ホームページを作る前に、
デザイン案を作成し、
クライアントと確認しながら進める。
そのような流れが一般的になっています。
そのため、
Web制作を学びたい人にとっても、
覚えておきたいツールの一つです。
アプリ開発でも利用されている
Figmaは、
スマートフォンアプリ
の開発でも広く利用されています。
実際にプログラムを書く前に、
画面の配置。
ボタン。
メニュー。
画面遷移。
などを設計できます。
開発前に完成イメージを共有できるため、
チーム開発でも活躍しています。
仕事で役立つスキルになる
Figmaを扱える人材は、
近年ますます求められています。
Web制作会社。
IT企業。
スタートアップ。
広告代理店。
デザイン事務所。
など。
さまざまな業界で利用されているため、
基本操作を身に付けておくことは、
仕事にも役立つスキルになります。
デザインは「見た目」だけではない
Figmaは、
きれいなデザインを作るためだけのツールではありません。
情報を分かりやすく整理し、
利用者が使いやすい画面を設計する。
そのためのツールでもあります。
色や文字だけでなく、
配置。
余白。
操作のしやすさ。
こうしたことも考えながらデザインを作ることが重要です。
Figmaは「作る前に考える」ためのツール
デザインは、
完成品を作ること
だけが目的ではありません。
アイデアを形にし、
試し、
改善する。
その繰り返しが、
より良いデザインにつながります。
Figmaは、
その過程をスムーズに進められるよう設計されたツールです。
初心者でも扱いやすく、
プロの現場でも活躍する理由がここにあります。
まずは実際に触ってみよう
Figmaには多くの機能があります。
しかし、
最初からすべてを覚える必要はありません。
まずは、
図形を描く。
文字を書く。
色を変える。
画像を配置する。
このような基本操作から始めてみましょう。
少しずつ使いながら覚えていくことで、
自然とできることが増えていきます。
次章では、
「Figmaを始めよう｜アカウント作成から画面の見方・基本操作まで」
について解説します。
実際にFigmaへ登録し、ホーム画面の見方や基本操作、初心者が最初に覚えておきたいポイントを順番に紹介していきます。
この記事のライター
