目次 [ close ]
  1. Webデザイン副業始め方Figmaの全体像|2026年に選ばれる理由
    1. Figmaが副業デビューの定番になった3つの理由
    2. Webデザインの副業は「絵の才能」では決まりません
  2. Webデザイン副業で扱う案件の種類と単価相場
    1. 手数料を引いた「手取り」で考えてください
  3. Webデザイン副業の始め方 完全ステップガイド
    1. STEP 2の模写は「10本」で区切ってください
    2. STEP 4の提案文は「テンプレ+1行」で通ります
  4. 稼げる金額の目安|月5万円までの現実的なロードマップ
  5. Figmaで作るポートフォリオ戦略
    1. 載せるべきは「5〜8点」だけです
    2. 各作品に「課題→狙い→結果」を3行添える
    3. 共有リンクの設定を必ず確認してください
  6. よくある失敗とその対策
    1. 失敗1:完璧主義で応募が遅れる
    2. 失敗2:修正が無限に続く
    3. 失敗3:著作権と素材ライセンスの確認漏れ
  7. 副業収入が出たら|確定申告の基本ライン
  8. よくある質問(FAQ)
    1. Q1. Webデザイン副業始め方Figmaの学習に、何ヶ月かかりますか?
    2. Q2. パソコンのスペックはどのくらい必要ですか?
    3. Q3. スクールに通わないと案件は取れませんか?
    4. Q4. 会社に副業がバレませんか?
    5. Q5. AIが普及して、Webデザイン副業はなくなりませんか?
    6. Q6. 無料プランのままで案件をこなせますか?
  9. まとめ|Webデザイン副業始め方Figmaは今日から動けます

⚠️ 本記事にはアフィリエイトリンク(広告)が含まれます。収益はサイト運営に使用しています。

Webデザイン副業始め方Figmaという言葉で調べる方が、2026年に入って一気に増えました。理由はシンプルです。Figmaが無料で使えて、ブラウザだけで完結するからです。パソコン1台あれば、今日から練習を始められます。

この記事では、未経験からWebデザイン副業を始める手順を整理しました。使う道具、案件の探し方、単価の目安まで具体的に書いています。ポートフォリオの作り方も、Figmaの画面を想定して解説します。

✅ この記事でわかること

  • Webデザイン副業で扱う案件の種類と単価相場
  • Figmaを使った学習〜案件獲得までの5ステップ
  • 月1万円・月5万円に届くまでの現実的な期間
  • ポートフォリオに載せるべき作品の中身
  • 初心者がつまずく失敗パターンと回避策
  • 副業収入が出たときの確定申告の考え方

📋 この記事のロードマップ

① 全体像を知る
→
② 案件と単価を把握
→
③ 5ステップで開始
→
④ ポートフォリオ作成
→
⑤ 収益化・確定申告

📊 副業の確定申告はマネーフォワードでラクに終わらせる

副業収入が年間20万円を超えたら確定申告が必要です。 帳簿づけ・領収書管理・申告書の作成まで、マネーフォワード クラウド確定申告なら 初めての方でもスマホ・PCで完結できます。 銀行口座・クレジットカードとの自動連携で入力の手間も最小限。

  • 初めての方でも確定申告がラクラク完了
  • レシート撮影だけで自動入力(OCR対応)
  • 銀行・カード・電子マネーの自動取り込み
  • スマホアプリで領収書管理・帳簿作成
  • e-Taxに対応、自宅から申告が完結

🤖 姉妹サイト「AIジャーナル」もチェック

ChatGPT・Claude活用法、最新AIニュース、補助金・助成金情報を毎日更新しています。AIを仕事・投資に活かすヒントが見つかります。

AIジャーナルをもっと見る →

🎌 姉妹サイト「OZX-Log」もチェック

アニメ・漫画の最新情報・感想・考察を毎日更新中。読書や視聴のお供にどうぞ。

OZX-Logをもっと見る →

Webデザイン副業始め方Figmaの全体像|2026年に選ばれる理由

まずは全体像から押さえます。何を学び、どこで売るのか。この2点がはっきりすると迷いが消えます。

Figmaが副業デビューの定番になった3つの理由

以前はPhotoshopやIllustratorが主流でした。今はFigmaを指定するクライアントが目立ちます。理由は次の3つです。

  • 無料で始められる:個人利用ならStarter(無料)プランで十分です。ドラフトは無制限に作れます。
  • ブラウザで動く:WindowsでもMacでも同じ画面です。高価なPCは要りません。
  • 共有が速い:URLひとつでクライアントに見せられます。修正指示もコメントで届きます。

有料のProfessionalプランは月額16ドルからです。副業を始めた直後は不要です。案件が増えて、共同編集が必要になってから検討してください。最新の料金はFigma公式の料金ページで確認できます。

Webデザインの副業は「絵の才能」では決まりません

筆者が最初に驚いたのは、この点でした。求められるのは絵心ではありません。読みやすさと、指示どおりに直す力です。

実際、初回案件で評価されたのは配色ではありませんでした。「文字の余白がそろっている」という一言でした。地味な整えが、そのまま信頼になります。

Webデザイン副業で扱う案件の種類と単価相場

案件は大きく4種類に分かれます。難易度と単価は比例します。最初はバナーから入るのが現実的です。

案件の種類難易度単価の目安初心者の適性
バナー制作★☆☆1件 3,000円〜1万円◎ 最初の1件に最適
SNS投稿画像・サムネイル★☆☆1件 1,500円〜5,000円◎ 数をこなしやすい
LP(ランディングページ)デザイン★★☆1件 5万円〜10万円△ 3ヶ月目以降
Webサイト全体のデザイン★★★1件 15万円〜30万円× 実績を積んでから

2026年は生成AIの普及で、単純なバナーの単価が下がりました。ここは正直にお伝えします。ただし下がったのは「テンプレをなぞるだけ」の仕事です。訴求の意図を汲む案件は、単価が保たれています。

手数料を引いた「手取り」で考えてください

クラウドソーシングには手数料があります。ここを見落とすと計算が狂います。2026年時点の主要3サービスは次のとおりです。

サービス出品者側の手数料1万円受注時の手取り
クラウドワークス20%(タスク形式など)約8,000円
ランサーズ16.5%約8,350円
ココナラ22%(税込)7,800円

手数料率はサービス側の改定で変わります。応募前に公式ヘルプで必ず確認してください。ビデオチャット等は別料率になる点にも注意が必要です。

Webデザイン副業の始め方 完全ステップガイド

ここからが本題です。どこで、何を、どうやるか。5つのステップに分けました。順番どおりに進めてください。

🚀 Webデザイン副業の始め方 ステップガイド

1

STEP 1: Figmaのアカウントを作る

📍 どこで: Figma公式サイト(figma.com)

📝 何を: Starter(無料)プランで登録

⚙️ どうやって: メールアドレスかGoogleアカウントで登録。所要5分

2

STEP 2: 模写でツール操作を覚える

📍 どこで: Figma上の自分のドラフト

📝 何を: 実在サイトのバナーを10本コピー

⚙️ どうやって: フレーム・オートレイアウト・テキストの3機能だけ使う。2〜3週間が目安

3

STEP 3: ポートフォリオを1ページにまとめる

📍 どこで: Figmaの共有リンク(誰でも閲覧可に設定)

📝 何を: 自信作5〜8点と、制作意図の短文

⚙️ どうやって: 1作品につき「課題→狙い→結果」を3行で添える

4

STEP 4: 最初の案件に応募する

📍 どこで: クラウドワークス/ランサーズ/ココナラ

📝 何を: バナー制作の募集に1日3件応募

⚙️ どうやって: 提案文に「納期」「修正回数」「参考実績URL」を明記する

5

STEP 5: リピートを取り、単価を上げる

📍 どこで: 納品済みクライアントとのメッセージ画面

📝 何を: 継続依頼の打診と、LP案件への提案

⚙️ どうやって: 納品時に「次回はこの改善も可能です」と1文添える

STEP 2の模写は「10本」で区切ってください

模写は終わりが見えないと挫折します。だから本数で区切ります。10本終えたら次へ進んでください。

選ぶ題材は、化粧品・食品・求人の3ジャンルがおすすめです。バナー案件の募集数が多いからです。同じジャンルを繰り返すと、型が身につきます。

STEP 4の提案文は「テンプレ+1行」で通ります

応募文をゼロから書く必要はありません。骨組みは使い回してください。ただし1行だけ、募集内容に触れた文を足します。

例えば「20代女性向けとのことなので、余白を広めに取った案も添えます」といった一文です。この1行があるかどうかで、返信率が変わります。

稼げる金額の目安|月5万円までの現実的なロードマップ

収入の話は正直に書きます。1ヶ月目から数万円は、まず届きません。ここを誤解すると、続かなくなります。

💰 収益化ロードマップ(現実的な目安)

開始〜1ヶ月目

¥0〜5,000

Figma操作の習得と模写10本

2〜3ヶ月目

¥5,000〜2万

バナー案件で初受注・実績3件

4〜6ヶ月目

¥2万〜5万

継続契約を2社確保・単価交渉

6ヶ月以降

月5万円〜

LP案件に挑戦し単価を10倍化

月5万円の内訳を分解します。バナー5,000円×4本で2万円。LP1件5万円のうち、着手金の一部が3万円。この組み合わせで到達します。

本業がある方の作業時間は、平日1時間と土日3時間が現実的です。週11時間ほどですね。この時間で月5万円なら、時給換算で約1,100円です。1年続けば単価が上がり、時給も伸びます。

Figmaで作るポートフォリオ戦略

ポートフォリオは作品集ではありません。「この人に頼むと安心」と伝える資料です。見せ方を変えるだけで、通過率が上がります。

載せるべきは「5〜8点」だけです

数は多いほど良い、とは限りません。20点並べると、一番弱い作品で評価されます。自信のある5〜8点に絞ってください。

並び順も大切です。最も自信のある作品を先頭に置きます。クライアントは最初の3枚しか見ない、と考えてください。

各作品に「課題→狙い→結果」を3行添える

これが最大の差別化ポイントです。多くの初心者は画像だけ並べます。そこに一言を添えるだけで、印象が変わります。

項目書く内容記載例
課題誰の何を解決するのか30代女性向け化粧水の認知拡大
狙いなぜその表現にしたか清潔感を出すため余白を40%確保
結果意図した効果(架空可・明記)訴求文を7文字に短縮し視認性を確保

実案件がない段階では、自主制作でかまいません。ただし「自主制作」と明記してください。実績を偽ると、あとで信用を失います。

共有リンクの設定を必ず確認してください

意外な落とし穴がここにあります。Figmaの共有設定が初期状態のままだと、相手に見えません。「リンクを知っている全員」を閲覧可にしてください。

応募前にシークレットウィンドウで開いて確認します。この一手間で、機会損失を防げます。

よくある失敗とその対策

つまずき方には型があります。先に知っておけば避けられます。筆者が実際に見てきたパターンを並べます。

⚠️ よくある失敗 vs 正しい対策

❌ ありがちな失敗

  • 教材を買い込んで学習だけ半年続ける
  • ポートフォリオ完成まで応募しない
  • 修正回数を決めずに受注する
  • 手数料を引く前の金額で計画を立てる
  • 高額スクールに先に申し込む

✅ 正しいアプローチ

  • 模写10本で区切り、1ヶ月で応募開始
  • 3点そろった時点で提案を出す
  • 提案文に「修正2回まで」と明記する
  • 手取り額で月次目標を設計する
  • まず無料+書籍1冊で3ヶ月試す

失敗1:完璧主義で応募が遅れる

最も多いのがこれです。「もう少し上手くなってから」と考えます。その間に、同期は3件納品しています。

対策はシンプルです。作品が3点そろった日に、応募を1件出してください。落ちても失うものはありません。

失敗2:修正が無限に続く

修正回数を決めないと、消耗します。5,000円の案件で10回直す事例もあります。時給が数百円まで落ちます。

提案の段階で「修正は2回まで、3回目以降は1回2,000円」と書いてください。断られる案件もありますが、その分は健全な取引先が残ります。

失敗3:著作権と素材ライセンスの確認漏れ

フリー素材でも、商用利用が不可の場合があります。模写した他社バナーを実績として公開するのも避けてください。

素材サイトの利用規約は、ダウンロード前に読みます。5分の確認が、トラブルを防ぎます。

副業収入が出たら|確定申告の基本ライン

稼げるようになったら、税金の話が出てきます。難しく考える必要はありません。目安のラインだけ覚えてください。

会社員の場合、副業の「所得」が年間20万円を超えると確定申告が必要です。所得とは、売上から必要経費を引いた金額です。売上ではない点に注意してください。

ただし住民税は別です。20万円以下でも、自治体への住民税申告が必要になります。制度の詳細は国税庁のタックスアンサーで確認してください。

経費になりやすいのは、Figmaの有料プラン代・素材購入費・書籍代です。レシートは月ごとに封筒へ入れておきます。年明けに慌てずに済みます。

🛒 この記事に関連するAmazonおすすめ商品

※アフィリエイトリンクを含みます / 価格は時期により変動します

XPPen Magic Drawing Pad(お絵描きタブレット)

XPPen Magic Drawing Pad(お絵描きタブレット)

液晶一体型のお絵描きタブレット。単体で描けます。

Amazonで見る →
モバイルモニター(15.6インチ)

モバイルモニター(15.6インチ)

Figmaの画面と参考資料を並べられます。作業効率が目に見えて変わります。

Amazonで見る →
静音マウス

静音マウス

深夜の作業でも家族に気を使わずに済みます。細かい配置調整にも向きます。

Amazonで見る →

📚 Webデザイン副業をもっと詳しく学べる本(Amazon)

※アフィリエイトリンクを含みます

Webデザイン副業始め方Figma 『作って学ぶFigma入門[完全版]』古尾谷 眞人(技術評論社)

『作って学ぶFigma入門[完全版]』古尾谷 眞人(技術評論社)

ステップ・バイ・ステップでWeb・UIデザインの基本が身につく入門書です。最初の1冊として手を動かしながら進められます。

Amazonで見る →
Webデザイン副業始め方Figma 『これからはじめるFigma Web・UIデザイン入門』阿部 文人 ほか(マイナビ出版)

『これからはじめるFigma Web・UIデザイン入門』阿部 文人 ほか(マイナビ出版)

ポートフォリオサイト・コーポレートサイト・ECサイト・レシピアプリの4作例で学べます。ポートフォリオ作りに直結する構成です。

Amazonで見る →
Webデザイン副業始め方Figma 『デザインからサイト構築まで FigmaだけでWeb制作』濱野 将 ほか(日経BP)

『デザインからサイト構築まで FigmaだけでWeb制作』濱野 将 ほか(日経BP)

Figma SitesやAI機能「Figma Make」の実践活用まで扱います。制作から公開までを1ツールで完結させたい方に向きます。

Amazonで見る →
Webデザイン副業始め方Figma 『はじめてでも迷わないFigmaのきほん 改訂版』もち(インプレス)

『はじめてでも迷わないFigmaのきほん 改訂版』もち(インプレス)

マネしながらWebサイト・バナーデザインを覚える構成です。バナー案件から始めたい初心者と相性が良い1冊です。

Amazonで見る →

よくある質問(FAQ)

Q1. Webデザイン副業始め方Figmaの学習に、何ヶ月かかりますか?

応募できる水準までは1〜2ヶ月です。1日1時間の練習が前提になります。模写を10本終えた時点で、バナー案件には手が届きます。

Q2. パソコンのスペックはどのくらい必要ですか?

Figmaはブラウザで動くため、要求は高くありません。メモリ8GBあれば作業できます。快適さを求めるなら16GBを目安にしてください。

Q3. スクールに通わないと案件は取れませんか?

そんなことはありません。クライアントが見るのはポートフォリオです。修了証を提出する場面は、ほとんどありません。

Q4. 会社に副業がバレませんか?

住民税の徴収方法で判明する場合があります。確定申告時に住民税を「自分で納付」に設定してください。ただし就業規則の確認が先です。

Q5. AIが普及して、Webデザイン副業はなくなりませんか?

単純なバナー量産の単価は下がっています。一方で、意図を汲んで設計する仕事は残ります。AIを道具として使う側に回ってください。

Q6. 無料プランのままで案件をこなせますか?

個人で受けるバナー案件なら問題ありません。ドラフトは無制限に作れます。チームでの共同編集が必要になったら、有料プランを検討してください。

まとめ|Webデザイン副業始め方Figmaは今日から動けます

必要なものは、パソコンとFigmaの無料アカウントだけです。初期費用はほぼゼロで始められます。

  • Figmaは無料プランで十分に始められます
  • 最初の案件はバナー制作が現実的です
  • 手数料は16.5〜22%。手取りで計画してください
  • ポートフォリオは5〜8点に絞り、意図を3行添えます
  • 月5万円までの目安は6ヶ月です
  • 所得20万円超で確定申告が必要になります

まずはアカウント登録の5分から始めてください。模写の1本目が、半年後の月5万円につながります。

※本記事の価格・手数料は2026年8月時点の情報です。各サービスの最新情報は公式サイトでご確認ください。

📩 最新ガジェット情報をメールでお届けします

副業に役立つ新着ガジェット・セール情報を無料でお届け。いつでも解除できます。