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デザイナーの将来性と需要

よくある質問

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円〜