Webデザイン Figma 独学｜未経験6ヶ月で案件取れる学習順

2026年3月12日

朝比奈蒼

この記事のポイント

✓Webデザインのために Figma を独学する人向けに
✓6ヶ月で案件獲得まで到達する学習順序・教材選び・落とし穴を
✓市場データと実務目線で客観的に解説します

「Webデザインを始めたい。Figmaが標準らしいけど、独学で本当に身につくのか」。検索でここにたどり着いた方が知りたいのは、結局のところ「何を、どの順番で、どれくらいやれば、お金になるレベルに到達するのか」のはずです。結論から書きます。Figma の操作習熟だけなら2〜3週間、Webデザインとして案件が取れる土台までなら6ヶ月。これが、独学者を観察してきた限りの現実的なラインです。

本記事では、Figma を Webデザイン目的で独学する人に向けて、教材選びの基準、学習順序の組み立て方、つまずきやすいポイント、そして案件獲得までの道筋を、客観的なデータと現場の実務目線で整理します。「Figma の使い方を順番に解説する」だけの記事ではなく、「Figma を学んだ先で稼ぐためには、Figma 以外に何が要るのか」までを含めて書きます。正直なところ、Figma だけ覚えても仕事は取れません。その理由も含めて、最後まで読んでください。

Webデザインで Figma が事実上の標準になった背景

Figma が日本の Web 制作現場で「事実上の標準」となった流れは、ここ数年で完全に固まりました。かつての主流だった Adobe XD は2023年に新規販売を終了し、Adobe 自身も Figma 寄りの戦略に転換しています。Sketch は macOS 専用ということもあり、日本市場では浸透が限定的でした。結果として、新規プロジェクトでデザインツールを選定する際、Figma 以外を選ぶ積極的な理由はほぼ無くなっています。

なぜ Figma がここまで支持されたのか。理由はシンプルで、ブラウザだけで動く / 無料プランで実務十分 / 複数人が同時編集できる / コーダーが CSS をワンクリックで吸い出せる、この4点が揃っているデザインツールが他に存在しないからです。特に「コーダーが見るだけで CSS が取れる」点は、デザインから実装への引き渡し工数を劇的に下げました。発注側がコーダーに渡すのも Figma リンク1本、というのが今のスタンダードです。

独学者にとって何が嬉しいか。完全無料のスタータープランで、Webデザインの実務に必要な機能はほぼ全て使えます。Photoshop や Illustrator を月額契約しなくても、Webデザインの学習と初期の案件はすべて Figma 1本で完結します。これは、初期投資ゼロで Webデザインに挑戦したい独学者にとって極めて大きな追い風です。

Figmaを独学で始めてみたいけど何を使って勉強すればいいの？Figma学習におすすめのサイトが知りたい！Figmaを習得すると何ができるの？

この問いは、検索ボリュームから見ても本当に多い質問です。ただ、答えは「サイトを1つ決めて、まずそれを完走させる」ことに尽きます。教材を比較検討している時間は、ほぼ全て無駄です。教材は何でもいい、と言うと乱暴に聞こえますが、無料で公開されている主要な学習サイトはどれも品質が一定以上に揃っているため、選んでいる時間で1つ終わらせた方が早い、というのが実態です。

Figma 学習者数と Webデザイン市場の動向

Webデザイン市場全体で見ると、Figma 案件は明確に増加傾向にあります。求人サイトや業務委託マッチングサービスで「Figma」をキーワードに案件検索すると、ここ数年で件数が継続的に増えていることが確認できます。逆に「Adobe XD」案件は新規が減り、既存案件の保守・改修フェーズに入っているのが現状です。これから独学を始めるなら、Figma に投資するのが合理的です。

学習サービス側の対応も進んでいます。日本語の Figma 解説サイトは2023年以降に急増し、無料で網羅的に学べる環境はすでに整っています。むしろ「教材がない」のではなく「教材が多すぎてどれを選べばいいか分からない」が独学者の悩みになっています。これは後段で具体的に整理します。

Webデザイナーの収入と市場相場

独学のモチベーションに直結するので、収入面のマクロデータも見ておきます。在宅ワーク求人サイトの案件動向を観察すると、Figma を使った Webデザイン案件の単価は、LP1本で3〜15万円、コーポレートサイト1式で20〜80万円のレンジが中心です。経験年数が浅い段階でも、LP単体なら独学スタートから半年〜1年で受注実績を作れるラインです。

詳しい年収相場はソフトウェア作成者の年収・単価相場でも触れていますが、Webデザイナーは「デザインのみ」と「コーディングまで一貫」で単価が大きく変わります。独学で Figma を学ぶ際は、最初から「コーディングまでやる前提」で学習計画を組むと、収益面のリターンが大きくなります。詳細は本記事の後半「Figma の先に学ぶべき領域」で深掘りします。

Figma 独学の難易度はどのくらいか

「Figma は独学で習得可能か」という問いに対する結論は、はっきり「可能」です。Figma の操作そのものは、デザインツールの中では極端に簡単な部類に入ります。Photoshop や Illustrator のように「機能が多すぎて何から触ればいいか分からない」状態にはなりません。レイヤーパネル、フレーム、Auto Layout、コンポーネント、この4つを理解すれば、Webデザインの実務に必要な操作の8割は終わります。

期間の目安は、毎日1〜2時間触る前提で、操作習熟まで2〜3週間、Webサイト1ページを自力で組めるまで1〜2ヶ月、コーダーに渡せる品質のデータを作れるまで3ヶ月です。ここまでは Figma の習得期間。ただし「Figma が使える=Webデザイナーとして仕事が取れる」ではないのが、独学者が最も誤解しやすいポイントです。

Figma だけ覚えても仕事は取れない理由

正直なところ、これは独学を始める前に知っておいてほしい現実です。Figma はあくまでツールであり、Webデザインの「成果物」を作るための入れ物に過ぎません。仕事として成立する Webデザインに必要なのは、Figma の操作スキル＋以下の4要素です。

第一に、デザインの基礎理論。配色、タイポグラフィ、レイアウト、ホワイトスペース、視線誘導。これらの基礎が無いまま Figma だけ覚えても、出来上がるのは「ただ要素が並んだ画面」であって、デザインではありません。第二に、Webサイトの構造理解。HTML/CSS でどう実装されるかが分からないと、コーダーが組めないデザインを平気で作ってしまいます。Auto Layout を使いこなすには、Flexbox の知識が事実上必須です。

第三に、ヒアリング・要件定義のスキル。クライアントが「かっこいいサイトが欲しい」と言ったとき、それを構造的に分解して、ターゲット・目的・KPI を引き出せないと、デザイン提案ができません。第四に、競合リサーチと言語化能力。「なぜこのデザインにしたのか」を論理的に説明できないデザイナーは、修正依頼で消耗します。これらは Figma の学習教材では学べません。意識的に並行学習する必要があります。

独学のメリットと、見落としがちなデメリット

独学のメリットは明白です。コストがほぼゼロで始められること、自分のペースで進められること、興味のある領域を深掘りできること。スクールに通うと数十万円かかる学習を、教材費だけなら数千円〜1万円程度で完走できます。書籍2〜3冊、有料の体系的教材を1つ買っても、トータルで2万円以内に収まります。

ただし、独学のデメリットも正直に書きます。最大の落とし穴はフィードバックが得られないこと。自分の作品が世の中の基準と比べて、どのレベルにあるのかが分からないまま時間が過ぎます。「半年やったけど自分のデザインが上手いのか下手なのか判断できない」という独学者は本当に多いです。これを補うには、X(Twitter)やデザインコミュニティで作品を晒し続けて、現役デザイナーから指摘をもらう環境を意図的に作る必要があります。

もう一つの落とし穴は学習計画が崩壊しやすいこと。「今月は Figma、来月は HTML/CSS、その次は JavaScript」と計画しても、独学者の多くは Figma の操作習熟が終わった時点で満足してしまい、HTML/CSS に進まずにポートフォリオ作成すら始められないパターンに陥ります。これを防ぐには、最初から「3ヶ月で LP1本のポートフォリオを完成させる」と期限を切ることです。

Figma 独学の教材選びの基準

ここからは具体的な教材選びの話に入ります。冒頭で「教材は何でもいい」と書きましたが、それは「品質に大差がない」という意味であって、「適当に選んでいい」という意味ではありません。独学者が陥りがちなのは、「もっといい教材があるかも」と教材を渡り歩いて、どれも完走しないパターンです。これを防ぐ基準を整理します。

教材を選ぶ4つの基準

第一に、公開時期が新しいこと。Figma は機能アップデートが頻繁で、古い教材では UI が今と違っていたり、廃止された機能が解説されていたりします。最低でも直近1〜2年以内に公開・更新された教材を選んでください。YouTube 動画も同様で、サムネだけ見て選ばず、必ず公開日を確認します。

第二に、ハンズオン形式であること。読むだけ・見るだけの教材は記憶に残りません。実際に手を動かして同じものを作る形式の教材を選んでください。教材で扱う題材は LP、ポートフォリオサイト、コーポレートサイトのいずれかが理想的です。アプリ UI 中心の教材は、Webデザイナー志望の独学者には遠回りになります。

第三に、完走できる分量であること。100時間ある教材より、20時間で完走できる教材を選びましょう。独学の最大の敵は「途中で止まる」ことです。10〜30時間で1本完走できるサイズの教材を、繰り返しこなす方が定着率が高くなります。

第四に、Auto Layout とコンポーネントを扱っていること。Figma の真価はこの2機能にあります。これらを軽くしか扱っていない初心者向け教材は、卒業後に作り直しが発生します。最初から Auto Layout を前提とした教材を選ぶと、無駄な学び直しが減ります。

無料教材と有料教材の使い分け

無料教材だけで Figma の Webデザイン独学は十分完結します。Figma 社の公式チュートリアル、YouTube の日本語解説、Qiita や Zenn の技術記事、これらだけで Figma の操作習熟は確実に到達できます。お金をかける必要があるのは、「デザイン理論」と「Webサイト構築の体系知識」の部分です。

有料教材を選ぶなら、書籍を2〜3冊揃えるのが最もコスパが良いです。Figma の操作本1冊、Webデザインの基礎理論本1冊、HTML/CSS の入門書1冊。合計1万円前後で、独学の核となる土台が揃います。動画教材のサブスク型は、学習期間中ずっと月額がかかるため、最初から完走時期を決めてから契約しないと、月額が積み上がります。

教材選びで時間を消費しないコツ

独学者の観察から見えてくる事実として、教材を3つ以上比較した時点で、その人の独学は失敗確率が大きく上がります。比較に時間を使い、結局どれも始めないか、最初の1割で投げ出して次の教材に行く、を繰り返すパターンです。

対策はシンプルで、「最初に出会った教材を3日触ってみて、致命的に合わなければ次へ」というルールを自分に課すことです。教材は完璧ではありません。どれも何かしらの欠点があります。完璧な教材を探すより、完走する習慣を作る方が、独学の成否を分けます。

Figma 独学のおすすめサイト・YouTube・書籍の選び方

具体的な教材ジャンルごとに、選ぶ基準を整理します。個別の教材名は時期によって最適解が変わるため、ここでは「どういうタイプの教材を、どう使うか」に絞って書きます。

学習サイトの選び方

無料で利用できる学習サイト・記事は、大きく分けて3タイプあります。「公式チュートリアル系」「ハンズオン記事系」「動画講座系」です。独学者が最初に手をつけるべきは公式チュートリアル系。Figma 社が用意している無料コースは、UI 用語と基本操作を体系的に押さえられるため、用語の取りこぼしが起きません。英語コンテンツが多いですが、ブラウザの自動翻訳で十分読めます。

次にハンズオン記事系。「Figma で LP を作ろう」「Figma で〇〇のサイトを模写しよう」系の記事を3〜5本完走すると、操作感覚が定着します。Qiita、Zenn、note などで「Figma ハンズオン」「Figma 模写」と検索して、見つけたものを順に手を動かしていくのが効率的です。

動画講座系は、補助教材として使うのがおすすめです。メインの教材として使うと、視聴時間ばかりが伸びて手を動かす時間が減ります。「Auto Layout の使い方が分からない」「コンポーネント機能を深掘りしたい」など、特定の弱点を補強するために検索して観る、という使い方が向いています。

YouTube チャンネルの選び方

YouTube で Figma を学ぶ場合の基準は、1本5〜15分の解説動画が大量にあるチャンネルを選ぶことです。1時間超の長尺チュートリアルは、途中で止まると再開が億劫になり、完走率が下がります。短い動画を積み上げる方が独学では続きます。

検索キーワードとしては、「Figma 使い方 [機能名]」「Figma Webデザイン模写」「Figma Auto Layout 解説」など、目的別に動画を見つけるとピンポイントで学べます。再生回数だけで判断せず、コメント欄で「動画通りに作れた」という反応が多いチャンネルを選ぶと、ハンズオン適性の高い解説に出会えます。

書籍の選び方

書籍は2タイプを揃えると効率的です。一つは辞書的に使える Figma 機能網羅本。困ったときに該当ページを引くための1冊です。もう一つは実例ベースで Webサイトを1本作る手順本。これは通読して手を動かす用です。両方を揃えると、自走能力が一気に上がります。

Webデザインの基礎理論本は、Figma 専用ではなくWebデザイン全般の本を選びます。色彩・タイポグラフィ・レイアウトの3要素が体系的に書かれているものなら、出版年が多少古くても問題ありません。デザインの原理原則は10年単位で変わりません。

今回はデザイナー歴15年の私が実際に行って効率がよかったFigmaの勉強方法を紹介したいと思います。

経験者が語る「効率のいい学習方法」は参考になりますが、注意点として、その人の学習履歴と独学者の現状はかなり違うことが多いです。経験者は「今ならこう学ぶ」と語りがちですが、初心者には前提知識の量が違って真似できない部分が多々あります。「上手い人のやり方を真似る」のは1割程度に留めて、残り9割は自分の手を動かす時間に使う方が、独学では結果が出ます。

Webデザイン Figma 独学の6ヶ月ロードマップ

ここからは、独学を始めたばかりの人が6ヶ月で「案件を取れる土台」まで到達するための、具体的な学習順序を提案します。各月の目安時間は、平日1時間 / 休日2〜3時間で、月あたり50〜80時間を想定しています。

ステップ1：Figma の基本操作（1ヶ月目）

最初の1ヶ月は Figma の基本操作だけに集中します。ファイル / フレーム / レイヤー / シェイプ / テキスト / カラー / ストローク / エフェクト、この基本要素を一通り触れる状態を作ります。1ヶ月の終わりに、シンプルな1ページの LP を、デザインカンプとして自力で作れる状態を目標にします。

注意点として、この段階で「綺麗なデザイン」を目指さなくて構いません。デザインの良し悪しはまだ判定できません。まずは Figma を「思った通りに動かせる」状態を作るのが最優先です。配色やレイアウトのクオリティは2ヶ月目以降に上げていきます。

ステップ2：Auto Layout とコンポーネント（2ヶ月目）

2ヶ月目は Figma の真価である Auto Layout とコンポーネント機能を徹底的に練習します。ここを飛ばして次に進む独学者が多いですが、断言します。Auto Layout を使えない Figma 使いは、現場では戦力外です。 コーダーへのデータ受け渡し品質、デザインの修正効率、すべてが Auto Layout 前提で動いています。

具体的には、ボタンコンポーネントを「Default / Hover / Disabled」のバリアントで作り、それをページ内で再利用する、というレベルまで持っていきます。ヘッダー、フッター、カード、フォーム、これらをすべてコンポーネント化できれば合格です。この月の終わりに、1ページの LP を「すべての要素が Auto Layout＋コンポーネントで構成された状態」で作り直してみてください。手戻りの少なさに驚くはずです。

ステップ3：デザイン理論と模写（3ヶ月目）

3ヶ月目はデザイン理論の学習と並行して、優れた既存サイトの模写に取り組みます。模写するサイトは「自分が好きなサイト」ではなく「世の中で評価されている定番サイト」を選びます。Awwwards、SANKOU!、MUUUUU.ORG といったギャラリーサイトから3〜5本選び、それを Figma で完全再現します。

模写の目的は「真似する」ことではなく、「なぜこのデザインが良いのか」を構造的に理解することです。フォントサイズの階層、余白の取り方、配色の比率、写真の使い方、これらを言語化しながら模写すると、自分のデザイン引き出しが急増します。模写したものは公開してOK、というか、X や Behance に公開して反応を見るところまでがワンセットです。

ステップ4：HTML/CSS と実装視点（4ヶ月目）

4ヶ月目は Webデザインの実装側に踏み込みます。HTML/CSS の基本、特に Flexbox と Grid Layout を最低限学びます。これを学ぶ理由は「コーディング案件も取るため」だけではなく、「コーダーが実装可能なデザインを作るため」です。実装側の知識がないと、Figma 上では美しいのに、実装すると崩れるデザインを連発します。

HTML/CSS の独学リソースは Web 上に大量にあるため、教材選びには困らないはずです。1ヶ月で「自分が Figma で作った LP を、HTML/CSS で形にする」レベルまでいけば十分です。詳細はLP制作・HTML/CSSコーディングのお仕事で解説していますが、LP のコーディング単価は3〜10万円レンジで、デザインとセットで受注すれば単価が一気に上がります。

ステップ5：ポートフォリオサイト制作（5ヶ月目）

5ヶ月目はポートフォリオサイトを作ります。自分のスキルセット・実績・連絡先をまとめたサイトで、これが案件獲得時の名刺代わりになります。ポートフォリオサイトは Figma でデザインし、HTML/CSS で実装し、Vercel か Netlify などの無料ホスティングで公開します。

ポートフォリオに掲載する作品は、3〜5本で十分です。質を最優先にしてください。「とりあえず数を出す」のは逆効果で、低品質な作品が混ざると、全体の評価が低い方に引っ張られます。掲載作品は「3ヶ月目の模写」「自主制作の LP」「架空クライアントの提案」など、コンセプト・課題・解決方針を言語化して添えると、提案力の高いデザイナーとして評価されます。

ステップ6：案件獲得への移行（6ヶ月目）

6ヶ月目は実際の案件獲得に動きます。最初の案件は、報酬よりも実績作りを優先する判断が現実的です。クラウドソーシングサイトで LP デザインの案件に応募する、知人の事業者からサイト制作を引き受ける、業務委託マッチングサービスに登録して提案を出す、といった動き方を並行します。

最初の3〜5本は単価が低くても受注し、「実績がある状態」を早く作ることが、その先の単価上昇に直結します。実績がゼロのデザイナーと、5本実績があるデザイナーでは、受注確率が桁違いに変わります。詳しい案件獲得方法は、関連記事のFigma デザイナーフリーランス案件獲得方法！2026年最新ガイド、Figma デザイナーフリーランス未経験から案件を掴む全技術で詳細を解説しています。

Figma の先に学ぶべき領域

Figma を独学で習得した後、Webデザイナーとしての市場価値を上げるために学ぶべき領域を整理します。Figma は「入り口」であって「ゴール」ではありません。

コーディングまで一貫対応できる人材は単価が高い

冒頭でも触れたように、デザインのみのデザイナーと、コーディングまで一貫対応できるデザイナーでは、案件単価が大きく異なります。LP1本で言えば、デザインのみ3〜8万円に対し、デザイン＋コーディング一貫で8〜20万円のレンジに上がります。発注側からすると、複数人にお願いする手間が省ける一貫対応者は、多少高くても発注したい人材です。

特に近年は、WordPress や Shopify などの CMS への組み込みまでできるデザイナーが重宝されます。EC サイトの制作・改修案件は需要が安定しており、ECサイト制作・運用・画像制作のお仕事で紹介している通り、Webデザイナーの仕事領域として今後も伸びる分野です。

UI/UX の深掘り

もう一つの方向性は、UI/UX デザイナーとしての専門性を磨くことです。Figma は元々アプリ UI デザインのツールとして強く、Web に留まらず SaaS・モバイルアプリ・業務システムのデザイン案件にも展開できます。UI/UX の領域は、デザイン理論だけでなくユーザー調査・プロトタイピング・ユーザビリティ評価などのスキルが必要になり、学習の負荷は上がりますが、その分案件単価も上がります。

Webデザイナーとして基礎が固まった段階で、UI/UX の専門書籍を読み始め、徐々に守備範囲を広げていくのが現実的です。詳しい Webデザイナーの仕事内容や領域はWebデザイナーのお仕事で整理しています。

マーケティング知識と数値視点

意外と独学者が見落とすのが、マーケティング知識です。Webデザインは「美しいサイトを作る」ことが目的ではなく、「コンバージョン（CV）を生み出す」ことが目的の仕事です。CVR、CTR、直帰率、滞在時間、こうした指標を理解した上でデザインを提案できるデザイナーは、単価が変わります。

文章を扱う仕事の延長で著述家，記者，編集者の年収・単価相場も参考になりますが、Webデザインの仕事を取ってくる際の「提案文」「コピー」の品質は、デザイナーの受注率に直結します。デザインだけでなく、ライティング・マーケティング・ビジネス文書の作法（ビジネス文書検定などで体系化されている）を抑えておくと、提案フェーズで差がつきます。

技術領域へのキャリア展開

Webデザイナーとしてキャリアを進める中で、より技術寄りに振っていく道もあります。フロントエンド開発、ネットワーク基盤、サーバー周りまで広げると、Web 制作のフルスタック人材として希少性が上がります。インフラ系の基礎知識を得るにはCCNA（シスコ技術者認定）のような体系化された資格学習も有効です。

ただし、これらは Figma 独学を始めた1〜2年目で慌てて手を出す領域ではありません。まずは Webデザイナーとして基礎を固め、案件を回せるようになってから、徐々に守備範囲を広げる順序が現実的です。

独学で挫折しないための4つの仕組み

ここまでロードマップを書きましたが、実際には独学者の大多数が途中で挫折します。挫折する人と続く人の差は、才能でも時間でもなく「仕組みを作っているか」です。続く仕組みを4つ紹介します。

仕組み1：学習時間を「習慣」に組み込む

意志力で学習を続けるのは無理です。意志は枯れます。代わりに、生活の中に学習時間を強制的に組み込みます。「朝起きて30分」「通勤中の電車で動画視聴」「夜の食後30分」など、既存の生活習慣にくっつける形で学習時間を確保すると、続きやすくなります。

おすすめは「平日朝30分＋週末2時間」の組み合わせ。朝の方が頭がクリアで学習効率が高く、週末はまとまった時間で実制作ができます。これで月50時間は確保できます。

仕組み2：作品を必ず公開する

独学の進捗を可視化する最強の方法は、作ったものを公開することです。X、Behance、Dribbble、note、どこでも構いません。「公開する前提で作る」ことで、完成度の閾値が自然に上がります。逆に、自分の中だけで完結させる学習は、進捗の判定基準が無いため、いつまでも完成しません。

公開すると「反応が怖い」と感じる独学者は多いですが、初心者の作品にネガティブな反応をする人はほぼいません。むしろ、温かいフィードバックや改善アドバイスが集まります。「公開しない」を選ぶ機会損失の方が、はるかに大きいです。

仕組み3：「教えてくれる人」を意図的に作る

独学とはいえ、完全に1人でやる必要はありません。SNS で現役デザイナーを5人ほどフォローし、定期的に作品に対するコメントをもらえる関係性を作ると、独学の精度が一気に上がります。質問は明確に、感謝は丁寧に、これだけ守れば、デザイン業界の人は驚くほど親切です。

リアルなコミュニティとして、地域のデザイナー勉強会、もくもく会、オンラインのデザイナーコミュニティに参加するのも有効です。お金をかけずに人脈を作る場は、探せばたくさんあります。

仕組み4：「完璧主義」を捨てる

独学者の最大の敵は完璧主義です。「もっと教材を読んでから」「もっと練習してから」「もう少しスキルが上がってから案件に応募する」と先延ばしを続け、半年後には何も進んでいないパターンが本当に多いです。

私自身、過去にデザインの独学を始めた頃、「ポートフォリオが完成してから案件に応募しよう」と決めて、結局3ヶ月以上ポートフォリオに手を入れ続けていたことがあります。途中で気づいたのは、「完成」の基準を自分で決めない限り、ポートフォリオは永遠に未完成だ、ということでした。エイヤで公開してしまった方が、フィードバックが返ってきて改善も早い。完璧主義は、独学の進捗を確実に殺します。

「7割の品質で出す」「2週間で1作品を仕上げる」など、機械的な締め切りを自分に課して、未完成でも次に進む姿勢が、独学者には必須です。

独自データから見る Figma 独学者の傾向

業務委託マッチングサービスを運営する立場から、Webデザイン・Figma 関連の案件動向と独学者の傾向を観察すると、いくつかの興味深い特徴が見えてきます。

Webデザイン関連の案件単価レンジ

Figma を扱うWebデザイン案件の単価レンジを観察すると、未経験〜実績数本の段階では LP デザイン3〜5万円、コーポレートサイト10〜20万円が中心です。実績10本以上、専門性のあるデザイナーになると、LP8〜15万円、コーポレートサイト30〜80万円のレンジに上がります。

このギャップは「経験年数」よりも「実績本数と提案力」で決まります。独学者が最初の半年でやるべきは、単価の高い案件を狙うことではなく、低単価でもいいので実績を3〜5本作ることです。実績がある状態で半年後に動き直す方が、最終的な年収はずっと高くなります。

マッチングサービスでの手数料負担という現実

クラウドワークスやランサーズなどの大手クラウドソーシングサイトでは、報酬から16.5〜20%の手数料が天引きされます。年間100万円稼ぐデザイナーなら、年間16.5〜20万円が手数料として消える計算です。これは独学者が見落としがちなコストで、表示単価と実際の手取りには大きな差があります。

長期的には、手数料負担の少ないプラットフォームへの移行や、直契約への切り替えがフリーランスデザイナーの実質収入を底上げします。在宅ワーク求人サイトの中には手数料0%のプラットフォームもあり、実績作りに大手を使い、本命の継続案件は手数料のかからない場所で受ける、という使い分けが合理的です。

学習開始から案件受注までの平均期間

独学者を観察してきた限り、Figma 学習開始から「最初の有償案件」を受注するまでの期間は、短い人で3ヶ月、平均6〜9ヶ月、長い人で1年以上にばらつきます。差を生んでいる要因は、学習時間の総量より、「いつ案件応募を始めたか」のタイミングです。

完璧に準備してから動き始める人ほど受注が遅れ、不完全な状態でも応募を始める人ほど早く受注に至ります。当然、不完全な状態で応募すれば最初は落ち続けますが、落ち続ける中で提案文や応募作品の磨き方が分かってきます。机上の準備時間より、実戦の中で学ぶ時間の方が、案件獲得スキルは確実に伸びます。

Figma 関連スキルと、隣接スキルの組み合わせが市場価値を決める

案件マッチング動向から見えるのは、Figma 単独スキルよりも「Figma＋HTML/CSS」「Figma＋WordPress」「Figma＋EC構築」のような複合スキルの方が圧倒的に案件数が多く、単価も高いという事実です。独学計画を立てる際、「Figma を極める」より「Figma＋もう1領域」の組み合わせで設計すると、案件獲得後の世界が大きく変わります。

特に Webデザイナー志望なら、HTML/CSS のコーディング能力は実質必須と考えるべきです。逆に、UI デザイン専業を目指すなら、デザインシステム設計やプロトタイピングなど、Figma の応用機能を深掘りする方向に振り切る選択肢もあります。どちらにせよ、Figma だけで止まると市場価値は頭打ちになります。

独学者が市場で評価される作品傾向

最後に、ポートフォリオで評価される作品の傾向にも触れておきます。発注側がデザイナーのポートフォリオを見るとき、見ているのは「上手いデザイン」ではなく「自分の課題を解決してくれそうなデザイン」です。コンセプト・課題・ターゲット・解決方針を明文化した作品は、技術的に未熟でも「考えて作っている人」として評価されます。

逆に、「綺麗だけど何のために作ったか分からない」作品は、技術的に上手くても発注に繋がりにくいです。独学者がポートフォリオを作るときは、必ず作品1点ごとに「誰のために、何を解決するために作ったか」を書き添えてください。これだけで受注確率が変わります。

Figma の独学は、ツール習熟だけで終わらせず、デザイン理論・実装スキル・提案力・マーケ視点までを含めた「Webデザイナーとしての総合戦」として設計することが、6ヶ月で案件獲得まで到達するための核心です。教材選びに時間を使わず、決めた教材を完走し、未完成でも公開し、フィードバックを取りに行く。地味ですが、これが独学の最短ルートです。

公的機関・関連参考情報

本記事の内容に関連する公的機関や信頼できる情報源は以下の通りです。最新情報は公式サイトで確認してください。

よくある質問

Q. Figmaを無料で使い続けることは可能ですか？

はい、個人利用であれば無料のスタータープランで十分に学習や小規模案件への対応が可能です。ただし、3つ以上のプロジェクトを管理したり、高度なチームライブラリ機能を使ったりする場合は有料プランへの移行が必要になります。フリーランスとして活動する場合、最初は無料で始め、必要に応じて経費として計上するのが賢明です。

Q. デザインのセンスがない未経験でも稼げますか？

Web広告におけるバナー制作は、アート的なセンスよりも「情報を整理してターゲットに伝えるルール」の理解が重要です。ターゲット層に合わせた配色パターンや、視線の動きを誘導するレイアウトの基本原則を学べば、未経験からでもクライアントの目的を達成する実務レベルの制作は十分に可能です。

Q. 実務経験がないため、架空のサイト（架空案件）しか掲載できませんが評価されますか？

はい、未経験者の場合は架空案件でも十分に評価の対象となります。既存サイトの課題を分析した上でのリデザイン案や、ターゲットを細かく設定したコンセプトサイトを制作してください。重要なのは「どのようなビジネス上の課題を設定し、デザインという手段を用いてどう解決に導いたか」という論理的なプロセスです。

Q. 実績が全くない未経験者でも、ポートフォリオは作れますか？

はい、作れます。実際の仕事としての実績がなくても「自主制作」や「架空のクライアントへの提案」という形で、あなたのスキルを証明することは可能です。大切なのは「何を作ったか」ではなく「どんな課題をどう解決しようとしたか」という思考プロセスを見せることです。

Q. Webデザイン初心者ですが、最初に学ぶべきはIllustratorですか？

Webデザインに特化したいのであれば、まずはFigmaから学習することをお勧めします。操作が直感的で、無料ですぐに始められるためです。ロゴ作成や本格的なグラフィックに興味が出てきた段階でIllustratorを学ぶのが、挫折しにくいステップです。昔の教本には「まずIllustratorとPhotoshop」と書かれていることが多いですが、現代のWebデザインにおいては必ずしもそれが正解ではありません。