framer 制作副業在宅 2026｜ノーコードでサイトを作って稼ぐ始め方と単価

2026年5月30日

長谷川奈津

この記事のポイント

✓framer 制作を副業・在宅で始めたい方へ
✓ノーコードでWebサイトを作る案件の単価相場
✓フリーランス保護新法の使い方

先日、あるWebデザイナーさんから相談を受けました。「Framerで作ったサイトを納品したのに、クライアントが『思っていたのと違う』と言って報酬を払ってくれない」と。結論から言うと、これは2024年施行のフリーランス保護新法で明確に禁止されている行為です。これ、知らない人が本当に多いんです。

「framer 制作副業在宅」と検索しているあなたは、おそらく「ノーコードでWebサイトを作る副業を在宅で始めたいけれど、本当に仕事があるのか、いくらもらえるのか、トラブルにならないか」を知りたいのだと思います。この記事では、Framer制作の市場動向と単価相場、未経験からの始め方、そして契約で自分を守る具体的な方法までを、法律の視点も交えて全部お伝えします。法律はあなたの味方です。だからこそ、稼ぎ方だけでなく「守り方」までセットで知っておいてほしいのです。

Framer制作が「在宅副業」として注目されている市場背景

まず大前提として、なぜ今「Framer 制作」が在宅副業の選択肢として浮上しているのか、市場の構造から整理します。Framerは、デザインツールとしての操作感のまま、コードを書かずに公開可能なWebサイトを構築できるノーコード／ローコードツールです。従来であれば、Webデザイナーがデザインを作り、コーダーがHTML/CSSで実装し、エンジニアが公開環境を整える、という分業が必要でした。それが1つのツールの中で完結するようになったため、「デザインができる人が、そのまま納品物まで作れる」状態が生まれています。

この変化は副業市場にとって非常に大きい意味を持ちます。これまで「デザインはできるけどコーディングが壁で案件を取れなかった」層が、Framerによって制作の最終工程まで担えるようになったからです。クラウドソーシングや在宅ワーク求人サイトでも、「Framerでのサイト制作」「Framerテンプレートの調整」「FramerでのLP運用・タグ管理」といった募集が継続的に出ています。実際、競合の求人ページでは「Framerでの記事LP運用・タグ管理をお願いできる方を募集します」「Framerテンプレートの調整および販売サポート」といった案件が公開されており、単発のデザインだけでなく運用・保守の継続案件まで存在することがわかります。

需要が伸びている背景には、企業側のコスト構造の変化もあります。中小企業や個人事業主にとって、数十万円から数百万円かけてフルスクラッチでサイトを作るのは負担が大きい。一方でWixやSTUDIO、Framerのようなツールを使えば、デザイン品質を保ちながら制作コストと納期を圧縮できます。発注者は「速く・安く・きれいに」を求めており、その受け皿としてノーコード制作の需要が在宅・リモートの副業案件に流れ込んでいる、という構図です。

ここで1つ、法務の視点から注意を入れておきます。需要が伸びている市場ほど、契約が口約束のまま進みやすく、トラブルも増えます。「とりあえず作ってみて」「良かったらお金払うね」という曖昧な発注は、後でほぼ確実に揉めます。つまり、市場が熱いからこそ、契約面の備えが副業の成否を分けるということです。この点は記事後半で具体的に解説します。

Framer制作・副業の単価相場とリアルな収益構造

次に、多くの方が一番知りたい「いくらもらえるのか」を、煽りなしの相場感で整理します。先に断っておくと、「誰でも月◯万円」のような数字は出しません。単価は案件の種類・規模・スキルレベルで大きく変わるため、レンジで把握するのが正解です。

案件タイプ別の単価レンジ

Framer制作の案件は、大きく分けて次の4タイプに分かれます。それぞれ単価の構造が違います。

1つ目は「LP（ランディングページ）制作」です。1ページ完結型のサイトで、副業として最も入りやすい入口です。デザインから公開まで含めて、相場としては3万円〜15万円程度のレンジが多く見られます。テンプレートをベースに調整する案件であれば下限寄り、デザインをゼロから設計する案件であれば上限寄りになります。

2つ目は「コーポレートサイト・複数ページサイト制作」です。トップページに加えて会社概要・サービス・お問い合わせなど複数ページを構築するもので、15万円〜50万円程度が1つの目安です。情報設計やコンテンツ整理まで担うと単価は上がります。

3つ目は「テンプレート調整・カスタマイズ」です。既存のFramerテンプレートをクライアントの内容に差し替える作業で、1万円〜8万円程度。作業量が読みやすく、未経験者が実績を積む段階に向いています。

4つ目は「運用・保守・更新代行」です。これは前述の「LP運用・タグ管理」のような継続案件で、月額1万円〜5万円程度の月次契約や、更新1回あたりの都度課金が中心です。単発制作より単価は低めですが、収入が安定しやすいのが特徴です。

これらはあくまで在宅・副業案件で見られるレンジであり、デザインの完成度・対応スピード・コミュニケーション品質によって上下します。実務的なアドバイスとしては、最初から高単価を狙うより、テンプレート調整やLP制作で実績とポートフォリオを固め、徐々に複数ページ・運用込みへ広げていくのが現実的です。

未経験から在宅でFramer制作の副業を始める手順

「市場も単価もわかった。でも未経験から本当に始められるのか」。ここが核心だと思います。結論として、デザインの基礎と継続的な学習があれば、未経験からでも入口に立てます。ただし「すぐに高単価」ではなく、段階を踏むことが前提です。順を追って手順を示します。

スキル習得とポートフォリオ作成

最初のステップは、Framer自体の操作習得と、見せられる作品づくりです。Framerはデザインツールの延長で扱えるため、Figmaなどのデザイン経験がある方は移行がスムーズです。逆に完全未経験の場合は、デザインの基本（レイアウト・余白・タイポグラフィ・配色）から学ぶ必要があります。ここを飛ばすと「動くけど素人っぽいサイト」になり、案件獲得につながりません。

ポートフォリオは、実案件がなくても自作で構いません。架空のカフェ、架空のサロン、架空のサービスなどを設定し、3〜5本のサイトを作って公開しておきます。発注者は「あなたが何を作れるか」を作品でしか判断できないため、ポートフォリオは名刺以上に重要です。実務的なコツとして、ジャンルを絞った作品を揃えると「この人はこの分野が得意」と認識されやすく、案件マッチングの精度が上がります。

スキルを客観的に証明したい場合、関連資格も補強材料になります。たとえばデザイン制作の基礎を示すものとしてAdobe認定プロフェッショナル Adobe Expressのような資格は、未経験者が「学ぶ意欲と一定の基礎がある」ことを示す手段になります。資格そのものが直接案件を呼ぶわけではありませんが、提案文に書ける材料が1つ増えるのは確かです。

案件の探し方と最初の受注

ポートフォリオが整ったら、案件を探します。在宅で探せる経路は主に3つです。1つ目はクラウドソーシングや在宅ワーク求人サイトで「Framer」「ノーコード」「Webサイト制作」のキーワードで募集を探す方法。2つ目はSNSで作品を発信し、見た人からの依頼を待つ方法。3つ目は知人・コミュニティ経由の紹介です。

最初の受注は、単価より「実績と評価」を取りに行くのが定石です。テンプレート調整や小規模LPなど、確実に納品できる案件から始めると、評価が積み上がり次の案件が取りやすくなります。ここで気をつけたいのが、安く受けすぎて消耗するパターンです。実績作りと不当な買い叩きは別物です。後述しますが、相場を著しく下回る一方的な減額要求には、法律上の歯止めがあります。

求人の実際の要件感もつかんでおきましょう。Framer・UI/UX系の募集では、次のような人材要件が示されることがあります。

求める人材: ■必須要件 * WebまたはアプリのUI/UXデザイン実務経験（3年以上） * Figmaの実務レベルでの使用経験 * チームでの制作経験（エンジニアやPMとの協業経験） ※英語力や海外経験は不問です！歓迎要件 * Figmaでのコンポーネント設計 * プロトタイプ作成経験 * デザインシステムやガイドラインに沿った制作経験 * データやユーザーフィードバックに基づいた数値改善（CVR等）の実務経験 * フロントエンドに関する基礎知識（HTML/CSSなど） * AIツールを活用したデザイン制作の経験や関心

これは正社員・経験者向けの要件ですが、副業案件でも「Figmaが使える」「CVR改善の視点がある」「HTML/CSSの基礎がわかる」といった項目は提案の武器になります。つまり、Framerが使えることに加えて、隣接スキルを少しずつ足していくと、受注できる案件の幅が一気に広がるということです。

在宅作業を続けるための環境と時間設計

在宅副業は、環境設計を甘く見ると続きません。私が相談を受ける中でも、「やる気はあったのに環境で挫折した」というケースは少なくありません。具体的には、作業時間の確保と、本業との切り分けです。

副業の制作作業は、納期から逆算してタスクを分割しておくことが重要です。Webサイト制作は「ヒアリング→構成→デザイン→構築→修正→納品」と工程が多く、修正対応で時間が膨らみがちです。修正回数を契約段階で決めておかないと、無限修正で時給が破綻します。これは収益の話であると同時に、後で説明する契約トラブルの予防にも直結します。つまり、時間設計と契約設計はセットで考えるべきものなのです。

Framer制作・在宅副業でよくある契約トラブルと法的な防衛策

ここからが、私が一番伝えたいパートです。Framer制作に限らず、在宅でWeb制作の副業をする人が必ず直面するのが「契約トラブル」です。技術より、ここで泣く人が本当に多い。法律はあなたの味方ですから、武器として知っておきましょう。

「イメージと違う」を理由にした報酬未払い

冒頭で触れたケースを掘り下げます。納品後に「思っていたのと違う」と言われ、報酬を払ってもらえない。これは在宅Web制作で最も多いトラブルの1つです。

結論から言うと、2024年（令和6年）11月に施行された「特定受託事業者に係る取引の適正化等に関する法律」、いわゆるフリーランス保護新法では、発注者（業務委託事業者）に対して一定の義務が課されています。つまり、フリーランスとして業務委託を受ける人を守るためのルールが、法律として明確化されたのです。

特に重要なのが報酬の支払期日に関するルールです。発注者は、納品物（成果物）を受け取った日から数えて60日以内のできる限り短い期間内に報酬を支払わなければならない、と定められています。つまり、「イメージと違うから払わない」というのは、原則として支払い拒否の正当な理由にはなりません。仮に修正が必要なら、修正対応の協議をするべきであって、報酬そのものを無条件に止めるのは別問題です。

※もちろん、契約内容や成果物の瑕疵（かし）の有無によって個別判断が必要なケースもあります。明らかに契約と異なる成果物だった、要件を満たしていなかった、という場合は話が変わります。このあたりが争点になりそうなときは、弁護士に相談してください。法律の詳細や相談窓口は公正取引委員会や厚生労働省の情報が一次情報として確実です。

一方的な報酬減額・追加作業の押し付け

「最初は10万円と言っていたのに、納品後に『予算が変わったから5万円で』と言われた」。これもよく聞きます。フリーランス保護新法では、発注者がフリーランスの責に帰すべき事由がないのに報酬を減額することを禁止行為として位置づけています。つまり、あなたに落ち度がないのに後から勝手に金額を下げるのは、原則として認められないということです。

同じく、「ついでにこれもお願い」と当初の契約範囲を超える作業を、報酬を増やさず押し付ける「不当なやり直し・追加作業」も問題になり得ます。これを防ぐ最大のポイントは、契約段階で「作業範囲（スコープ）」と「修正回数」を文書で明確にしておくことです。たとえば「修正は2回まで、それ以降は1回あたり◯円」と書面に残しておけば、追加作業の押し付けに対して堂々と「これは契約外です」と言えます。

実務的なアドバイスとして、口約束は絶対に避けてください。メールやチャットのテキストでも構わないので、必ず「何を・いつまでに・いくらで・修正は何回まで」を文字で残す。これだけで、トラブルが起きたときの立場が天と地ほど変わります。これ、知らない人が本当に多いんです。

著作権・成果物の権利関係

意外と見落とされるのが、作ったサイトの権利です。デザインやコードの著作権が、納品と同時に自動的にクライアントへ移るわけではありません。著作権の譲渡や利用許諾の範囲は、契約で定めて初めて確定します。つまり、「ポートフォリオに掲載していいか」「他社案件に流用されないか」といった点は、契約書に書いておかないと後でトラブルになります。

たとえば、せっかく作った作品をポートフォリオに載せたいのに、クライアントから「掲載は困る」と言われて使えない、というケースがあります。これは契約時に「制作実績として公開できる」旨を取り決めておけば防げます。逆に、テンプレートを流用する案件では、そのテンプレートのライセンス条件を確認しないと、あなた自身が権利侵害のリスクを負うこともあります。

秘密保持（NDA）と業務委託契約書の基本

規模の大きい案件や企業案件になると、NDA（秘密保持契約）や業務委託契約書の締結を求められます。NDAは「業務で知った情報を外部に漏らさない」という約束で、署名する前に「秘密の範囲」「期間」「違反時の責任」を必ず確認してください。範囲が異常に広い、期間が無期限、といった一方的な条項は、サインする前に交渉の余地があります。

業務委託契約書については、最低限「業務内容」「報酬と支払期日」「成果物の権利」「契約解除の条件」「損害賠償の範囲」を確認します。難しく感じるかもしれませんが、つまり「何をやって、いくらもらって、揉めたらどうするか」が書いてあるか、を見ればよいのです。

ここで、契約書の知識を体系的に学びたい方には、法務系の資格学習も1つの選択肢です。たとえば行政書士は、契約書作成や権利義務に関する書類の専門家です。資格取得まではいかなくても、契約書のどこを見るべきかという視点は、Web制作の副業を続けるうえで一生使える資産になります。

私が現場で見てきた失敗と気付き

ここで、私自身が相談対応の現場で痛感したことを正直にお話しします。法務の仕事を始めた頃、私はクリエイターの方々に「契約書を交わしてから着手しましょう」と正論を伝えていました。でも、現場ではそれがいかに難しいかを思い知らされました。

あるWebデザイナーさんは、「契約書を出してくださいとお願いしたら、クライアントに『そんなに堅苦しいなら他の人に頼む』と言われてしまった」と落ち込んでいました。つまり、正しい知識を持っていても、それを言い出すことで案件を失う恐怖がある。これは法律論だけでは解決できない、現場のリアルな葛藤です。

そこで私が今お勧めしているのは、いきなり分厚い契約書を求めるのではなく、メールやチャットで「念のため、認識のすり合わせをさせてください」と前置きして、業務範囲・金額・納期・修正回数・支払時期を箇条書きで送る方法です。相手に「確認」のニュアンスで送るので角が立ちにくく、それでいてテキストの記録は契約と同等の証拠力を持ちます。この小さな一手間を入れるかどうかで、後のトラブル発生率が大きく変わるのを、私は何度も見てきました。

もう1つの気付きは、「トラブルになってから来る人」が圧倒的に多いということです。未払いが起きてから、減額されてから、相談に来る。でも、本当に効くのは「起きる前の備え」なんです。だからこそ、これからFramer制作の副業を始めるあなたには、稼ぎ方とセットで「守り方」を先に知っておいてほしい。それが、この記事を書いている一番の理由です。

在宅ワーク求人データから見るFramer制作案件の傾向考察

ここからは、在宅ワーク・業務委託の求人データから読み取れる傾向を、客観的に分析します。求人情報を横断して見ると、Framer制作の副業に向けたいくつかの示唆が浮かび上がります。

第一に、「単発制作」と「継続運用」の二極があるという点です。前述の「Framerでの記事LP運用・タグ管理」のような募集は、制作スキルだけでなく運用・更新の継続対応を求めています。これは、一度作って終わりではなく、作った後に伴走できる人材の需要があることを示しています。副業として安定収入を狙うなら、制作だけでなく運用までセットで提案できると強い、という戦略が見えてきます。

第二に、Framer単体ではなく「FigmaなどのデザインツールやHTML/CSSの基礎知識」が併せて求められる傾向です。先に引用した求人要件でも、Figma経験やフロントエンドの基礎知識が歓迎要件に並んでいました。つまり、Framerを軸にしつつ、隣接スキルを薄く広く持っている人ほど、案件の選択肢が広がるということです。ここで、制作スキルの隣にある具体的な案件タイプも把握しておくと提案がしやすくなります。たとえばLP制作・HTML/CSSコーディングのお仕事は、Framer制作と最も親和性が高い領域で、ノーコードとコーディングの両方を理解しているとクライアントへの説得力が増します。

第三に、デザイン素材まで一貫して提供できる人材への需要です。サイト制作には、バナーやサムネイル、アイキャッチなどの素材制作が付随します。サムネイル・バナー・素材制作のお仕事のような領域までカバーできると、「サイトも素材も丸ごとお願いできる」便利な存在になり、単価の上積みや継続発注につながりやすくなります。さらに、イラストやキャラクター素材が必要な案件では漫画・同人誌・イラスト制作のお仕事の知見が活きる場面もあります。サイト制作を起点に、自分が提供できる「制作物の幅」を意識的に広げていくのが、在宅副業を伸ばす王道です。

隣接分野の在宅副業から見える共通の成功パターン

Framer制作に限らず、在宅で「制作系・専門スキル系」の副業を成功させている人には共通点があります。それは「自分の既存スキルを在宅向けに翻訳している」という点です。

たとえば、出版や編集の経験を在宅ワークに活かす道として編集・校正・リライトの在宅ワーク｜出版経験を活かす副業があります。サイト制作にもテキスト整備は必須なので、文章を整える力はそのまま武器になります。同様に、数字に強い人なら経理・帳簿・税務の副業ガイド｜簿記資格を活かす在宅ワークのように、バックオフィス系スキルを在宅副業へ展開できます。副業で複数の収入源を持つ場合、自分で帳簿をつけて確定申告する必要が出てくるため、経理の知識は制作者にとっても無駄になりません。確定申告の制度は国税庁の情報が一次情報として確実です。

また、絵が描ける人なら漫画・イラスト制作の在宅ワーク｜同人からプロへの道のように、創作スキルをサイト制作の素材提供と組み合わせる戦略もあります。重要なのは、「Framerが使える」という1点に固執せず、自分の持っている別のスキルとFramerをかけ算して独自のポジションを作ることです。在宅ワーク求人サイトでも、複数スキルを横断できる人ほど継続的に指名されやすい傾向が見えます。

「守り」を固めた人ほど在宅副業が続く

最後に、データと現場の両面から確信していることを書きます。在宅でWeb制作の副業を長く続けられている人は、例外なく「契約と入金管理」を仕組み化しています。逆に、技術力が高くても、口約束で受けて未払いに悩み、消耗して辞めていく人を私は何人も見てきました。

つまり、Framer制作の副業で安定するための要素は、技術力・営業力・契約管理の3つです。技術力はツールの習得とポートフォリオで、営業力は実績と提案文で、契約管理は「テキストで条件を残す」習慣で、それぞれ補えます。このうち契約管理は、お金も特別な才能もいらず、今日から始められます。業務委託で働くフリーランスを守る制度の全体像は公正取引委員会や厚生労働省の特設情報で確認できます。

Framerという新しいツールは、デザインができる人にとって在宅副業の強力な入口です。市場には単発制作から運用代行まで幅広い案件があり、隣接スキルを足すほど受注の選択肢は広がります。そして、稼ぎ方と同じくらい大切なのが、自分を守る契約の知識です。これ、知らない人が本当に多いんです。だからこそ、最初の一歩を踏み出すあなたには、技術と一緒に「法律はあなたの味方だ」という事実を持っていってほしいと思います。

よくある質問

Q. デザイン未経験からでも、Framer制作の副業を始めることは可能ですか？

可能です。Framerは直感的な操作が可能で、Figmaからデザインを直接インポートできるため、他のツールに比べ習得難易度は低めです。まずは公式のリソースやYouTubeで基本を学び、ポートフォリオ用のサンプルを数件制作することから始めましょう。2026年現在は需要が急拡大しており、シンプルなLP制作であれば、短期間の学習で初案件の獲得を目指せます。

Q. Framer制作案件の単価相場は、どのくらいを想定しておけばよいでしょうか？

案件によりますが、1ページのLP制作で5万〜15万円、数ページの企業サイト制作で20万〜50万円程度が相場です。デザインから実装まで一括で請け負うことで、単価を上げやすくなります。また、Framer特有の高度なアニメーション演出を武器にできれば、競合との差別化が図れるため、1件あたりの報酬を相場の1.5倍〜2倍に引き上げることも十分に可能です。

Q. 在宅での副業において、契約トラブルを防ぐために最低限すべきことは？

「フリーランス保護新法」に基づき、書面やメールで必ず契約内容を記録しましょう。具体的には、業務範囲、納期、報酬、修正回数の上限、支払い期日を明文化することが不可欠です。特にノーコード制作は修正範囲が曖昧になりやすいため、着手前に「何をもって完成とするか」の仕様を合意しておくことが、理不尽な追加作業や報酬未払いを防ぐ最大の防衛策となります。

Q. 他のノーコードツールと比較した、Framer制作の副業的なメリットは何ですか？

圧倒的な「デザインの自由度」と「アニメーション実装の容易さ」です。STUDIOやWebflowよりも洗練された、アプリのような滑らかな動きを短時間で実現できるため、高単価なブランドサイト案件を獲得しやすいのが特徴です。また、Figmaとの親和性が極めて高く、デザイン経験者がスムーズに実装へ移行できるため、制作時間を大幅に短縮し、実質的な時給単価を高められます。