こんにちは、ラフデザインスクールの「ラフスクール運営事務局」です。
Webデザインを学び始めた方からよくいただく質問が、「FigmaとXD、どっちを学べばいいですか？」というものです。どちらもデザインツールですが、特徴や使われ方が少し違います。最初に選ぶツールを間違えると遠回りになることもあります。この記事では、それぞれの違いと、未経験者がどちらから学ぶべきかを初心者向けにわかりやすく解説します。

まず結論｜今から学ぶならFigmaがおすすめ

結論から言うと、これから始める人はFigmaを優先するのがおすすめです。

理由はシンプルです。

• 無料で使える（ブラウザでOK）
• インストール不要
• チームでの共同作業がしやすい
• 制作会社・事業会社での導入が増えている

特に最近は、多くの制作現場でFigmaが主流になっています。

一方で、XDはAdobe製品なので、PhotoshopやIllustratorを使っている人にはなじみやすいというメリットがあります。ただし、業界全体の流れを見るとFigmaの利用率は高まっています。

迷ったら「Figmaから」が無難です。

Figmaの特徴とメリット

Figmaは「ブラウザで使えるデザインツール」です。

主な特徴：

• URL共有でデザイン確認できる
• 同時編集ができる
• 自動レイアウト機能が便利
• プラグインが豊富

特に初心者にうれしいのは、「自動レイアウト」という機能です。
これは、ボタンやカードなどの余白を自動で整えてくれる機能です。

例えば：

• ボタンの文字を変えてもサイズが自動調整
• リストを増やしてもレイアウトが崩れない

実務でよく使う機能なので、最初から触れておくと有利です。

XDの特徴とメリット

XDはAdobeが提供しているUIデザインツールです。

特徴：

• PhotoshopやIllustratorとの連携がスムーズ
• 操作が比較的シンプル
• 軽くて動作が安定している

以前は制作会社でも多く使われていました。
今でも使っている企業はあります。

ただし、Adobe製品のサブスク契約が必要になる場合が多く、無料で学習し続けるのはやや難しいです。

すでにAdobe環境がある人や、XD指定の案件を狙う人には向いています。

未経験者はどう選ぶべき？

選び方のポイントは「将来どうなりたいか」です。

転職したい場合

→ Figmaがおすすめ
（求人での使用率が高い）

副業をしたい場合

→ Figmaが有利
（クライアント共有が簡単）

すでにAdobeを使っている場合

→ XDから入ってもOK

ただし大切なのは、
ツールよりも「デザインの考え方」を学ぶことです。

ツールは変わっても、基本の考え方は同じです。

• 余白
• 配色
• 情報整理
• ユーザー目線

これができていれば、ツールは乗り換え可能です。

まとめ

FigmaとXDで迷ったら、今から始める未経験者はFigmaを選ぶのがおすすめです。無料で使えて、業界の主流になりつつあります。

ただし、どちらを選んでも「デザインの基礎」が身についていれば問題ありません。

ラフスクール運営事務局として感じるのは、ツール選びで悩みすぎて行動が止まってしまう方が多いということ。大切なのは、早く触って、手を動かすことです。

迷ったらFigmaから。
そしてまずは1つ、画面を作ってみましょう。そこから道は広がっていきます。