UI/UXデザイナーの始め方｜未経験から案件を獲得するまで

2026年1月30日

榊原隼人

この記事のポイント

✓UI/UXデザイナーの始め方を未経験者向けに解説
✓ポートフォリオの作り方
✓フリーランス案件の単価相場

UI/UXデザイナーは、2026年現在でもIT業界で需要の高い職種の1つだ。Webサービスやアプリの「使いやすさ」を設計する仕事で、見た目のデザインだけでなく、ユーザーがどう操作するか、どこで迷うか、どうすれば目的を達成できるかを考える。

僕はエンジニアだが、フリーランスとして仕事をする中でUI/UXデザイナーと協業する機会は多い。彼らの仕事を間近で見てきた経験から言うと、「デザインセンス」よりも「論理的な思考力」の方が重要だ。ユーザーの行動を分析し、仮説を立て、検証する。エンジニアリングに近い思考プロセスがある。

この記事では、未経験からUI/UXデザイナーとして案件を獲得するまでの具体的なロードマップを解説する。

UI/UXデザイナーとは

UIデザインとUXデザインの違い

項目	UIデザイン	UXデザイン
対象	画面の見た目・操作要素	ユーザー体験の全体
具体的な仕事	ボタン配置、色、フォント、レイアウト	ユーザー調査、ペルソナ設計、フロー設計
ツール	Figma、Adobe XD、Sketch	Miro、FigJam、Notion
求められるスキル	ビジュアルデザイン力	分析力、共感力、論理的思考

実際の案件では、UIとUXの両方を1人で担当するケースが多い。特にフリーランスの場合、「UI/UXデザイナー」として両方の能力が求められる。

未経験からの学習ロードマップ

ステップ1：デザインの基礎知識（1〜2ヶ月）

最初に学ぶべきは、デザインの4原則。「近接」「整列」「反復」「対比」。この4つを理解するだけで、素人っぽいデザインから脱却できる。

おすすめの学習教材を整理する。

教材	種類	料金	特徴
ノンデザイナーズ・デザインブック	書籍	2,398円	デザイン4原則の定番書
Udemy「UIデザイン入門」	動画	セール時1,200円〜	Figma操作も学べる
Daily UI	チャレンジ	無料	100日間で100個のUIを作る
Figma公式チュートリアル	動画	無料	ツール操作の基礎

ステップ2：Figmaの習得（1〜2ヶ月）

2026年のUI/UXデザインで使うツールは、ほぼFigma一択だ。Adobe XDは2024年に新規販売を終了し、Sketchはシェアを落とし続けている。Figmaを使えれば、案件の9割以上に対応できる。

Figmaで最低限覚えるべき操作

フレーム、オートレイアウト
コンポーネント、バリアント
プロトタイプ（インタラクション設定）
デザインシステムの構築
プラグインの活用

僕がフロントエンドの開発をするとき、デザイナーからFigmaのファイルを受け取る。コンポーネントが整理されているデザイナーと、そうでないデザイナーでは、開発効率が2〜3倍違う。エンジニアの視点から言うと、「開発しやすいデザイン」を作れるデザイナーは重宝される。

ステップ3：UXデザインの基礎（2〜3ヶ月）

UXデザインの手法を学ぶ。

ユーザーリサーチ: インタビュー、アンケート、行動観察
ペルソナ設計: ターゲットユーザーの具体化
カスタマージャーニーマップ: ユーザーの行動と感情の可視化
ワイヤーフレーム: 画面構成の骨格設計
ユーザビリティテスト: プロトタイプの検証

デザイナーの村田さんも指摘しているが、UIデザイナーの仕事の実態は「2割がデザイン、8割が企画・戦略」だ。見た目を整えるだけでなく、「なぜこのUIにするのか」を論理的に説明できる力が求められる。

ステップ4：ポートフォリオの作成（1〜2ヶ月）

UI/UXデザイナーにとって、ポートフォリオは「履歴書」以上の意味を持つ。

載せるべき作品	内容	アピールポイント
アプリの再デザイン	既存アプリのUI改善案	課題発見力と提案力
個人プロジェクト	ゼロから設計したアプリUI	企画力とデザイン力
ケーススタディ	プロセスを詳しく解説	思考プロセスの可視化

ポートフォリオで最も重要なのは、完成したデザインそのものよりも「なぜそのデザインにしたのか」というプロセスだ。ユーザーリサーチ → 課題定義 → 仮説 → デザイン → 検証。このプロセスを丁寧に見せることで、未経験でも評価される。

フリーランスUI/UXデザイナーの年収と単価

単価相場

経験年数	月額単価の目安	年収換算
1〜2年	35〜50万円	420〜600万円
2〜4年	50〜70万円	600〜840万円
4〜7年	70〜90万円	840〜1,080万円
7年以上	90〜120万円	1,080〜1,440万円

UI/UXデザイナーの平均年収は600~700万円程度が相場で、週2〜3日の稼働で月収50万円前後も可能です。

出典：FLEXY「UI/UXデザイナーのフリーランス案件単価」

案件獲得の方法

クラウドソーシングで実績を作る

フリーランスとして最初の実績を作るなら、@SOHOのようなクラウドソーシングサイトが有効だ。@SOHOは手数料0%なので、報酬の100%が手元に残る。

僕の知り合いのデザイナーは、最初の案件をクラウドソーシングで獲得した。LP（ランディングページ）のデザインで5万円。決して高くはなかったが、その実績がきっかけで次の案件につながった。

エージェントを活用する

実務経験が2年以上あれば、フリーランスエージェント経由で月額50万円以上の案件を獲得できる。レバテッククリエイター、Workship、クロスデザイナーなどが主要なエージェントだ。

SNSで発信する

XやDribbble、BehanceでデザインをHello公開していると、企業から直接声がかかることがある。Figmaで作ったデザインをXで発信するだけでも、ブランディング効果がある。

出典・参考情報

出典	内容
FLEXY	UI/UXデザイナーのフリーランス案件単価
ITプロマガジン	UI/UXデザイナーがフリーランスで独立する方法
Workship MAGAZINE	未経験からUI/UXデザイナーになる方法
ContactEARTH	UI/UXデザイナーの将来性と需要

ポートフォリオに「ケーススタディ」を載せる具体的なフォーマット

UI/UXデザイナーのポートフォリオで採用担当者が最も評価するのが「ケーススタディ」です。完成形の画像を並べるだけのポートフォリオは、未経験者と既存デザイナーとの差別化要素にはなりません。私が見てきた採用通過率の高いケーススタディの構成を共有します。

優れたケーススタディは以下の7つのセクションで構成されています。

セクション	含める内容	ボリューム
プロジェクト概要	クライアント・期間・自分の役割	100〜200字
課題定義	解決すべき課題の明文化	200〜400字
ユーザーリサーチ	インタビュー・アンケート結果	スクショ＋200字
ペルソナ・ジャーニー	ターゲットユーザーの設定	図解＋300字
デザインプロセス	ワイヤーフレーム→モック→検証	画像3〜5枚＋500字
最終アウトプット	完成形のUIデザイン	画像5〜10枚
学びと改善点	振り返りと次回への課題	200〜400字

合計1ケーススタディあたり約2,000字＋画像10〜15枚のボリュームになります。これを3〜5プロジェクト分掲載するのが理想形。少なすぎると評価判断ができず、多すぎると採用担当者が読み切れません。

未経験者がケーススタディを作る素材として最も有効なのが「既存サービスのリデザイン」です。CookpadやSpotify、Uberなど、誰もが知っているサービスを題材に「もし自分が改善するなら」という視点でリデザインする。元サービスとの比較がしやすく、評価者にとって読みやすいケーススタディになります。

注意点として、「Before-Afterの比較」を必ず入れること。「ここが課題でした」→「こう改善しました」→「結果こうなりました」という流れで、改善のロジックを可視化する。これがあるかないかで、ケーススタディの説得力が3倍変わります。

具体的な数値で改善効果を示せるとさらに評価が上がります。「クリック数を5回→2回に削減」「フォーム入力時間を平均3分→45秒に短縮」など、定量的な指標を入れる。実際のサービスではなく自主制作の場合でも、「想定上の改善効果」として記載すれば構いません。

ケーススタディを掲載するプラットフォームは「Notion」「STUDIO」「Webflow」のいずれかが主流。Notionは無料で簡単、STUDIOは日本語UIで使いやすい、Webflowは自由度が高い。最初はNotionで十分です。

採用担当者がポートフォリオで最も重視するのは、デザインの完成度よりも、課題解決のプロセスや思考の深さです。出典: Figma Community

デザイナーが「単価を上げる」ために習得すべき周辺スキル

UI/UXデザイナーで月額単価50万円→90万円へジャンプするには、純粋なデザインスキルだけでは足りません。周辺スキルの習得が単価アップの鍵です。私がエンジニアとしてデザイナーと協業する中で見てきた、高単価デザイナーに共通する5つの周辺スキルを紹介します。

第1のスキルが「フロントエンドコーディングの基礎理解」。HTML・CSS・JavaScriptの基本を理解しているデザイナーは、エンジニアにとって最高のパートナーです。「実装可能なデザイン」を作れるかどうかで、開発工数が劇的に変わります。

具体的には以下のレベルを目指してください。

技術	必要レベル	学習工数
HTML	セマンティックタグの理解	10時間
CSS	Flexbox・Grid・レスポンシブ	20時間
JavaScript	基本構文・DOM操作	30時間
Tailwind CSS	クラス命名規則の理解	10時間
React	コンポーネント概念の理解	20時間

合計90時間の学習投資で、デザイナーとしての市場価値が大幅に上がります。コーディングまでできる必要はありません。「エンジニアと共通言語で会話できる」レベルで十分。

第2のスキルが「英語ドキュメント読解」。Figmaの最新機能、Material Design、Human Interface Guidelinesなどの公式ドキュメントは英語が圧倒的に充実しています。日本語訳を待っている間に、世界のデザイナーは新機能を実務で活用しています。TOEIC700点レベルの読解力があれば、デザイン関連ドキュメントは読めます。

第3のスキルが「アクセシビリティ（A11y）の知識」。2024年6月から欧州アクセシビリティ法（EAA）が施行され、日本企業も対応を迫られています。WCAG 2.2の基準に沿ったデザインができるデザイナーは、グローバル案件で重宝されます。

アクセシビリティ要件	学習ポイント
カラーコントラスト	4.5:1以上を確保
キーボード操作	tabキーでの全操作可能
スクリーンリーダー対応	alt属性・ARIAラベル
フォントサイズ	最小16px・拡大対応
タッチターゲット	最小44×44px

第4のスキルが「データ分析」。Google AnalyticsやMixpanel、Hotjarなどのアナリティクスツールでユーザー行動を分析し、デザイン改善の根拠を示せるデザイナーは、経営層との会話ができます。

第5のスキルが「プロジェクトマネジメント」。デザインスプリント、アジャイル開発、スクラムなどの開発手法を理解し、エンジニアやPMと円滑に協業できる能力。これがあるかないかで、リーダー級のデザイナー（月額80〜120万円）になれるかが決まります。

これら5つの周辺スキルを2〜3年かけて積み上げると、月額単価70〜100万円のシニアデザイナーレベルに到達できます。デザインスキルだけを磨き続けても、月額50万円の壁を超えるのは困難。「デザイン＋α」の戦略が、フリーランスデザイナーの収入を大きく左右します。

デザイナーがフリーランスで「継続案件」を獲得する仕組み作り

デザイナーが安定した月収を確保する鍵は「継続案件の比率を高める」ことです。スポット案件だけだと収入の波が激しく、月収10万円から80万円までの振れ幅が起きます。継続案件を3〜4社確保することで、月収±20%以内の安定運用が可能になります。

継続案件を獲得しやすいデザイナーの業務領域を整理します。

業務領域	月額単価の目安	継続化しやすさ
プロダクト改善（既存サービス）	30〜70万円	非常に高い
デザインシステム構築・保守	40〜80万円	高い
マーケティングLP制作	20〜50万円	中（月数本）
ブランディング・ロゴ制作	単発50〜200万円	低
アプリ新規開発	50〜100万円	期間限定（3〜6ヶ月）
デザイン顧問契約	月15〜40万円	非常に高い

継続案件として最も狙うべきが「プロダクト改善」と「デザイン顧問」。プロダクト改善は既存サービスの継続的な改善案件で、月20〜80時間の稼働が想定されます。デザイン顧問はスタートアップや中小企業の経営層に対して、月数回のレビュー・アドバイスを提供する形。

継続案件を獲得するための「営業導線」を整えることも重要です。

第1の導線が「過去案件のクライアントへの定期連絡」。3ヶ月に1回程度、近況報告を兼ねたメールを送る。「最近こんなプロジェクトを担当しました」「業界でこんなトレンドがあります」など、相手にとって価値のある情報を含めるのがコツ。これだけで継続案件のリピート率が2〜3倍になります。

第2の導線が「Twitter/Xでのデザイン発信」。Daily UI、デザインTips、業界ニュースの解説などを継続発信し、フォロワー1,000人を超えると、企業のデザイン責任者から直接DMが届くようになります。フォロワー5,000人を超えれば、月3〜5件の問い合わせが日常的に発生する状態になります。

第3の導線が「Figma Community での作品公開」。世界中のデザイナーと採用担当者が見るプラットフォームで、自作のデザインシステムやUIキットを公開する。質の高い作品を公開すれば、海外案件のオファーも届きます。

第4の導線が「note・Zennでのデザインプロセス記事」。「○○のリデザインを通して学んだUXの考え方」「Figmaのデザインシステム構築のベストプラクティス」など、自分のノウハウを記事化する。Googleでも検索される記事になれば、長期的な集客装置として機能します。

継続案件は「契約期間3ヶ月以上＋月◯時間」の形で締結するのが理想。月20時間×単価6,000円＝月12万円という小規模契約から始めて、関係を築きながら稼働時間を増やしていく。3〜4社で月100時間×6,000円＝月60万円の安定収入を作るのが、フリーランスデザイナーの王道戦略です。

最初の継続案件獲得には3〜6ヶ月かかりますが、一度パイプラインができれば、その後の収入は劇的に安定します。スポット案件で目先の現金を追うより、継続案件の獲得に時間を投資するのが、長期的なキャリアと年収を最大化する戦略です。

よくある質問

Q. UI/UXデザイナーになるにはどんなスキルが必要ですか？

Figmaの操作スキルは必須です。加えて、ユーザーリサーチ手法（インタビュー、アンケート設計）、ワイヤーフレーム作成、プロトタイピング、デザインシステムの構築・運用スキルが求められます。HTML/CSSの基礎知識があると、エンジニアとのコミュニケーションがスムーズになり評価が上がります。

Q. デザイナー未経験からフリーランスになるには何年かかりますか？

一般的には実務経験2〜3年が目安です。ただし、スクールやオンライン学習で基礎を身につけ、個人の制作実績を積むことで、1年半程度で独立するデザイナーもいます。ポートフォリオの質が案件獲得の鍵となります。

Q. フリーランスデザイナーに必要なツールは？

ツール	用途	月額費用
Figma（Professional）	UI/UXデザイン	約2,200円
Adobe Creative Cloud	画像編集、印刷物	約7,780円
Notion	プロジェクト管理	無料〜
Slack	クライアント連絡	無料〜
freee / マネーフォワード	会計・請求書	約1,300円〜