この記事の対象: Webサイトの制作に携わるデザイナー・ディレクター・コーダー
読了時間: 約12分
Figmaがデファクトスタンダードになって数年が経ちました。無料プランでも十分に使えるため、なんとなくそのまま使い続けている人も多いはずです。
ただ、チームが増えた、外注先とファイルを共有することになった、クライアントにデザインを直接見せたい──こうした場面の変化で「このまま無料で大丈夫か」「そもそもFigmaでいいのか」と立ち止まるタイミングは来ます。
この記事では、ツールのスペック一覧ではなく「自分の状況ならどれを選ぶか」の判断軸を整理します。
選ぶ前に決めること：3つの判断軸
デザインツールの選定で最初にやるべきことは、機能比較表を眺めることではありません。自分（またはチーム）がどう使うかを先に整理することです。次の3つの軸で考えると、選択肢が絞れます。
誰と共有するか
ここが最も大きな分岐点です。
| 共有相手 | 求められること | 向いている方向 |
|---|---|---|
| 自分だけ | 動作が軽い、慣れた操作感 | 何でもよい。使い慣れたツールが最善 |
| 社内チーム（2〜5人） | リアルタイム共同編集、バージョン管理 | Figma有料プラン（Professional以上） |
| 外注先のデザイナー | ファイル受け渡し、権限管理 | Figma（共有リンク）またはファイル書き出し |
| クライアント（非デザイナー） | アカウント不要で閲覧・コメント | Figmaの閲覧リンク、またはPDF |
ひとりで完結する案件が中心なら、ツール選びに悩む必要はほとんどありません。使い慣れたもので作業効率が最大化されるからです。問題が出るのは「他の人と共有する」ことが前提になったとき。ここでFigmaのブラウザベースという特徴が効いてきます。
案件の規模と更新頻度
5ページ前後のコーポレートサイトを年に数件作る程度なら、ツールの違いが成果を大きく左右することは少ないです。
一方、数十ページ規模のサイトや、継続的にバナー・LPを更新する運用案件では、コンポーネント管理やデザインシステムの仕組みが必要になります。この領域ではFigmaのコンポーネント機能とライブラリ共有が強く、他のツールとの差が開きます。
データの持ち出しと乗り換えリスク
見落とされがちですが、長期的には最も重要な判断材料です。
あるツールに資産（コンポーネント、テンプレート、過去案件のファイル）が蓄積されると、別ツールへの移行コストは時間とともに膨らんでいきます。Figmaからのエクスポートは.figファイルのほかSVG・PNG・PDFなどに書き出せますが、コンポーネントの構造やバリアント設定はFigma固有の概念であり、他ツールにそのまま持ち込めません。
逆に、SketchやAdobe XDからFigmaへのインポートはFigma側が公式に対応しています。この非対称性は、ツール選びの判断に影響します。
制作会社を変更するときにも、デザインデータの受け渡しは大きな論点です。どのツールで作られたデータなのかによって、引き継ぎのスムーズさが変わります。
Figmaの無料と有料の境界線
Figmaは無料プランの充実度が高く、個人の制作なら無料のまま使い続けることも十分可能です。ただしチームで使う場合は、明確な制約が出てきます。
無料プランでできること・できないこと
Figmaの無料プラン（Starter）では、個人のドラフトファイルを無制限に作成できます。デザイン機能そのものに制限はなく、ひとりで作業する限りは有料プランとほぼ同じ操作が可能です。
制約が出るのは主にチーム機能です。
| 項目 | 無料プラン | 有料プラン（Professional〜） |
|---|---|---|
| 個人のファイル作成 | 無制限 | 無制限 |
| チームプロジェクト | 制限あり | 無制限 |
| バージョン履歴 | 30日間 | 無制限 |
| 共有ライブラリ | 使用不可 | 使用可 |
| ブランチ機能 | 使用不可 | Organization以上 |
※プランの内容や料金はFigma社の判断で変更されることがあります。検討時は必ずFigma公式の料金ページを確認してください。
有料に切り替えるべきタイミング
以下のどれかに当てはまったら、有料プランへの移行を検討する段階です。
- チームメンバーが2人以上になった：ファイルの共同編集とプロジェクト管理に制約が出る
- コンポーネントを複数ファイルで使い回したい：共有ライブラリは有料のみ
- 過去のバージョンに戻す場面が増えた：無料は30日間しか履歴が残らない
- クライアントごとにプロジェクトを分けて管理したい：無料はチームプロジェクト数に制限がある
逆に、ひとりで作業していて、ファイル管理はローカルとクラウドストレージで足りているなら、無料プランのままで不都合はほとんど出ません。「いつか必要になるかも」で有料にする必要はないです。
Figma以外を選ぶケース
Figmaが合わない、または別のツールのほうが適している場面は確実にあります。「全員Figma」が正解とは限りません。
Sketch──Macでローカル作業が中心なら
SketchはmacOS専用のデザインツールです。Figmaの台頭でシェアは縮小しましたが、Mac環境でローカル中心に作業するデザイナーからは、動作の軽さとシンプルさで今も支持されています。
Sketchのファイルはローカルに保存されます。クラウドへの依存が少ないため、オフライン環境でも問題なく作業できます。一方で、リアルタイムの共同編集はFigmaほどスムーズではありません。
Sketchが向いている場面：
– Mac環境で、ひとりまたは少人数で制作している
– オフラインで作業する機会がある
– すでにSketchで大量のシンボル・テンプレートを持っている
Sketchが不向きな場面：
– チームにWindowsユーザーがいる
– クライアントにブラウザで直接デザインを見せたい
Adobe Illustrator / Photoshop──印刷兼務なら現実的
Webデザイン専用ツールとしてIllustratorやPhotoshopを新たに選ぶ理由は、正直なところ薄いです。レスポンシブデザインやコンポーネント管理の面で、Figmaのほうが設計思想として合っています。
ただし、紙のデザイン（パンフレット、名刺、ポスター）とWebデザインを同じ担当者がこなしている場合は話が別です。Adobe Creative Cloudをすでに契約しているなら、追加コストなしで使えるIllustratorでWebカンプを作るのは合理的な選択になります。
注意点は、コーダーへの受け渡しです。Figmaならブラウザでデザインスペック（余白・色・フォントの値）を確認できますが、Adobe系のファイルはコーダー側にも同じソフトが必要です。この受け渡しコストは案件が増えるほど効いてきます。
Canva──デザイナー不在のチームで割り切る
Canvaは本来、Web制作のプロ向けツールではありません。ただし、デザイナーがいないチームでバナーやSNS画像を内製する場面では、学習コストの低さが大きなメリットです。
Webサイトのデザインカンプには向きません。テンプレートベースの編集が中心であり、ピクセル単位の調整やコンポーネント設計に対応していないためです。
Canvaで済ませてよい場面：バナー、SNS投稿画像、簡単な資料作成
Canvaで済ませてはいけない場面：Webサイトのデザインカンプ、UIデザイン
乗り換えコストを甘く見ない
デザインツールの移行は、「新しいツールの操作を覚える」だけでは終わりません。本当に大変なのは、過去の資産をどうするかという問題です。
移行で持ち出せるもの・持ち出せないもの
引き継げる
- 画像・SVGの書き出しデータ
- フォント名・カラーコードの値
- テキスト内容
引き継げない
- コンポーネントの構造とバリアント
- オートレイアウトの設定
- プラグインの設定・データ
コンポーネントやオートレイアウトの設定はツール固有の概念であり、エクスポートしても構造ごと移行できません。ツール上で構築したデザインシステムは、移行先で一から作り直すことになります。
あとから効いてくる制約
導入時には気にならなくても、半年〜1年使い込んでから表面化する制約があります。
- Figma：ファイルはクラウド上にしか存在しない。Figma社のサービスが停止すればアクセスできなくなるリスクがある（.figファイルとしてローカルにダウンロードは可能）
- Sketch：macOS以外では動かない。チームにWindows/Linuxユーザーが加わると共有手段が限られる
- Adobe系：Creative Cloudの契約を解除すると、AI・PSD形式のファイルを開くには対応ソフトが必要になる
こうした制約は、ツールを選ぶ時点では「まあ大丈夫だろう」と流しがちですが、組織やチーム体制が変わったときに問題化します。
デザインの進め方そのものに迷いがあるときは、ツール選びの前にデザインの判断基準を整理しておくと、選定もスムーズです。
条件別：どれを選ぶか
「どれもいい」では判断できないので、条件ごとに選択を示します。
| 条件 | 選ぶべきツール | 理由 |
|---|---|---|
| ひとりで制作、コスト最優先 | Figma無料プラン | 機能制限が実務にほぼ影響しない |
| 2〜5人のチーム、Web案件中心 | Figma Professional | 共有ライブラリとプロジェクト管理が必須になる |
| 大規模チーム、権限管理が必要 | Figma Organization | ブランチ・権限設定が使える |
| Mac中心、ローカル作業が好み | Sketch | 軽快な動作とオフライン対応 |
| 印刷物とWebの兼務 | Adobe Illustrator＋Figma | カンプはFigma、印刷はIllustratorで分ける |
| デザイナー不在、バナーだけ内製 | Canva | 学習コストが最も低い |
ここで一つ補足しておきたいのは、「ツールを一つに統一しなくてよい」ということです。WebサイトのカンプはFigmaで、SNS画像はCanvaで、印刷物はIllustratorで作る。この使い分けは珍しくないし、無理に統一するほうがかえって非効率になることもあります。
外注先との共有で気をつけること
デザインツールの選定は、自社だけの問題で閉じません。外注先のデザイナーやコーダーとファイルを共有する場面では、ツールの違いが作業のボトルネックになりえます。
外注先がFigmaを使えない場合の渡し方
- 閲覧リンクを共有する：Figmaアカウント不要で閲覧可能。コーダーが余白やフォントサイズを確認するのに十分なことが多い
- Dev Modeを使う：CSS値の取得が容易になるが、有料プラン限定の機能がある
- 画像として書き出す：PDF・PNGで渡す。最もシンプルだが、値の取得はできない
修正のやりとりが発生するとき、デザインツール上でコメントを付ける方法と、キャプチャに赤字を入れて渡す方法があります。クライアントがデザインツールに不慣れな場合は、後者のほうが伝わりやすいケースも多いです。修正依頼の伝え方で悩んでいるなら、こちらの記事も参考になります。
デザインツールの費用は、制作の見積もりに直接は載りませんが、制作会社の経費として間接的にコストに影響しています。見積もりを比較するとき、制作会社がどんなツールと体制で動いているかを知っておくと、金額差の背景が見えてくることがあります。
よくある質問
Figmaの無料プランはいつまで使えますか？
Figmaの無料プラン（Starter）に利用期限はありません。ただし、プランの内容や制約はFigma社の判断で変更されることがあります。無料プランの範囲で足りているなら、急いで有料にする必要はありません。チームメンバーが増えたり、共有ライブラリが必要になったタイミングで検討すれば十分です。
FigmaとCanvaはどう使い分ければいいですか？
WebサイトのUIデザインやデザインカンプはFigma、SNS用の画像や簡単なバナーはCanvaという分け方が現実的です。Canvaはテンプレートから素早く作れる反面、ピクセル単位の調整やコンポーネント管理には向きません。用途で分けるのが正解であり、どちらかに統一する必要はありません。
Adobe XDはもう使えないのですか？
Adobe XDは新規販売が終了し、メンテナンスモードに移行しています。新しい案件でXDを選ぶ理由はもうありません。XDで作った既存のファイルはFigmaにインポートできますが、プロトタイプのインタラクション設定など一部の機能は移行時に再現されないことがあります。
デザインツールの費用は制作費に上乗せされますか？
制作会社がツールの利用料を見積もりに明示することは少ないですが、経費として制作費の原価に含まれています。ただし、これを理由に見積もりの高低を判断するのは適切ではありません。ツール費用よりも、そのツールで効率的に作業できているかどうかのほうが、制作の品質とスピードに直結します。
Figmaのファイルはローカルに保存できますか？
.figファイルとしてダウンロードする形で保存できます。ただし、ダウンロードした.figファイルをローカルで編集するにはFigmaのデスクトップアプリとインターネット接続が必要であり、完全なオフライン編集には対応していません。サービス障害やアカウント問題への備えとして、定期的にダウンロードしておくのは有効な対策です。
まとめ
デザインツールの選び方は、機能の多さではなく「自分の使い方に合っているか」で決まります。
判断の軸は3つでした。誰と共有するか、案件の規模と更新頻度、データの持ち出しやすさ。この3つを自分の状況に当てはめれば、選択肢はかなり絞れます。
現時点で、Web制作のチーム作業においてFigmaが最も汎用性の高い選択肢なのは確かです。ただし、ひとりで作業するならツールは何でもいいし、印刷兼務ならAdobe系との併用が現実的だし、デザイナー不在のバナー制作ならCanvaで十分です。
大事なのは、「あとから困る制約」を導入前に把握しておくこと。特にチーム体制の変化やツール移行のコストは、使い始めてからだと取り返しがつきません。料金プランは頻繁に変わるため、検討するときは必ず公式サイトの最新情報にあたってください。
