PR：この記事にはアフィリエイトリンクが含まれます。
生成AIを使ったWebデザインのLP制作を副業にしたい。そう考えても、画像作りだけで仕事になるのか、ワイヤーフレームも学ぶべきか悩みますよね。実際の依頼ではAIの操作だけで完結しません。
誰に何を伝え、どこで申し込みへ導くのか。ページの設計力も欠かせないところです。AI・Figma・Web制作の本を役割ごとに見渡し、LP一枚を仕事につなげる考え方を紹介します。
LP制作の焦点
LPは、商品やサービスを知った人に、問い合わせや申し込みなど一つの行動を促すページです。まず固めたいのは、読者の悩みと伝える価値、行動までの道筋。見た目はその後ですね。
生成AIを使えば、見出し案や画像のラフを出す作業は速くなります。一方、サービスの強みや実績が曖昧なままでは、きれいなページができても誰に向けたものか伝わりにくいでしょう。
副業の依頼では、デザイン画像に加えて構成案やワイヤーフレーム、スマートフォン表示を求められることもあります。学ぶ本も、AI・設計・Figma・コーディングのどこを伸ばしたいかで役割が変わります。
本の全体像
今回取り上げる6冊は、AI画像の制作からLP設計、Figma、HTML・CSSまでをカバーします。早見表で、それぞれの主なテーマを押さえておきましょう。
| 本 | 学べる範囲 | 参考価格（税込） |
|---|---|---|
 AIでゼロからデザイン | AI画像の生成・調整 | 2,310円 |
 生成AI、ノーコードツールでスキルアップ 稼げるWebデザイナー | 制作と副業の活動 | 1,980円 |
 WebデザインプロセスBook | ヒアリングから修正まで | 2,200円 |
 FigmaではじめるUXデザイン入門 | UX・情報設計・UI | 3,520円 |
 作って学ぶFigma入門［完全版］ | Figmaの実制作 | 2,640円 |
 HTML／CSS＆伝わるWebデザイン | 設計からコーディングまで | 2,750円 |
いずれも紙書籍です。価格は公式の希望小売価格を目安にしており、実際の販売価格は時期や店によって変わります。
6冊をまとめて買う必要はありません。画像づくりやワイヤーフレーム、受注後の制作手順など、今補いたいテーマから始めると、学びをポートフォリオに生かせます。
AIでゼロから
翔泳社の『AIでゼロからデザイン』は、ChatGPTやGemini、Adobe Fireflyを使った画像生成を扱います。生成画像のデザインへの組み込みや修正も紹介。川合卓也さん著で、2025年発行の208ページです。
バナーやサムネイル、Web用画像のプロンプト例を収録。LPのメインビジュアル案を考えるときにも応用できます。生成画像は文字の読みやすさや画面全体との統一感を確認して仕上げるとよいでしょう。
税込の希望小売価格は2,310円です。実売価格は時期や店によって変わります。画面素材をAIで作る手順を学びたい人におすすめです。構成や受注の知識は別に補う必要があります。
稼げるWebデザイナー
日本実業出版社の『生成AI、ノーコードツールでスキルアップ 稼げるWebデザイナー』は、Web制作の技術に加えて副業の活動も扱います。濱口まさみつさん著、2025年発行、208ページ。
本は7ステップ構成で、現在地と目標の整理から基礎力・センス、顧客獲得へ進みます。ポートフォリオや提案書、ブランディング、SNS運用も扱うため、作品を作った後の見せ方を考えるときに役立ちます。
希望小売価格は1,980円（税込）。販売価格は時期や店で変わります。生成AIやノーコードを使って副業を始める初心者におすすめです。LPの設計工程を学び足すなら、制作プロセスの本を組み合わせる方法もあります。
Webデザインの工程
ソシムの『デザイナーは何を考え、どう作っていくのか？ WebデザインプロセスBook』は、依頼者へのヒアリングからワイヤーフレーム、デザインカンプの調整までを事例で追います。著者は加藤千歳さん。2024年発行、256ページです。
作例にはコーポレートサイトやECサイト、採用サイト、シングルページがあります。チェックバック後に修正し、デザインを決める流れも学べます。LPの初稿提出後に意図を伝えながら調整する場面でも参考になります。
ダウンロード特典データが付属し、希望小売価格は2,200円（税込）です。販売価格は時期や店によって変動します。クライアントワークの全体像や、ワイヤーから納品までの判断を作例で学びたい人におすすめです。
FigmaとUX設計
朝日新聞出版の『FigmaではじめるUXデザイン入門 アイデア発想から実践まで、デジタルプロダクト制作のためのワークブック』は、UXの考え方から画面づくりまで扱います。著者は小林秀彰さん、宮﨑俊太郎さん、株式会社たきコーポレーション。2025年発行、320ページです。
FigmaとFigJamを使い、コンセプトづくり・情報設計・ワイヤーフレーム・UIデザインまで扱います。ワークシートに取り組みながら画面の順番や情報のまとまりを考えられるのも特徴です。見た目を作る前の設計を学びたい人におすすめ。
参考価格は3,520円（税込）で、販売価格は時期や店によって変わります。LPのほかにアプリやデジタルサービスの体験設計にも関心がある人向けです。まずワークを一つ完成させ、設計意図を言葉にする練習に使えます。
Figma実作業
技術評論社の『作って学ぶFigma入門［完全版］ ステップ・バイ・ステップで身につくWeb/UIデザインの基本』は、作例を作りながらFigmaを学ぶハンズオン形式です。古尾谷眞人さん著。2025年発行、240ページ。
スマートフォン画面やカード型ページなどを制作し、メニュー、カルーセル、レスポンシブWebデザインも扱います。オートレイアウトやコンポーネントなどの機能も作例を通じて学べます。スタイル、バリアブル、プロトタイプも扱います。
希望小売価格は2,640円（税込）。実売額は時期や店によって異なります。Figmaの基本操作を身につけたい初心者におすすめです。LPの情報設計を深める本とは役割が異なり、ワイヤーや画面デザインをFigma上で作る練習に力を入れています。
HTMLまで学ぶ
KADOKAWAの『ゼロからはじめてプロになる HTML／CSS＆伝わるWebデザイン』は、Figmaのカンプ制作からHTML・CSSまで扱います。HIROCODE.さん著で、2025年発行の288ページ。サイトマップとワイヤーフレームも学習範囲です。
カフェサイトの作例で、ページ設計から見た目の調整、Webページとしての組み立てまでを追います。デザイン案がブラウザー上でどう表れるかが分かり、実装を含む依頼やコーダーとの連携にも役立ちます。
希望小売価格は2,750円（税込）で、販売価格は時期や店によって変わります。デザインとコーディングの両方を自分で担当したい初心者におすすめです。LPを一枚組み立て、スマートフォンでも崩れないようにする練習が実務につながります。
副業の現実
副業の最初の実績には、架空案件のLPを一枚作る方法があります。想定読者や構成の理由、スマートフォン表示もそろえて見せると、制作意図を伝えやすくなります。
提案時に決めるのは納品範囲です。構成案やワイヤーフレーム、Figmaデータのほか、実装の有無と修正回数を先に確認しましょう。事前のすり合わせで認識違いや予定外の作業を減らせます。
AI生成画像を使うなら、利用条件を確認し、素材の権利と個人情報にも注意が必要です。依頼文や顧客情報を外部AIサービスに入力してよいかは、発注者のルールを確かめてください。速さと信頼を両立することが継続受注につながります。
結論
副業でLP制作を始めるなら、仕事獲得まで広く学びたい人には『稼げるWebデザイナー』が合います。ワイヤーフレームから修正までの実務を知りたい人には『WebデザインプロセスBook』がおすすめです。目指す作業に近い本から始めましょう。
AI画像の制作には『AIでゼロからデザイン』、Figma操作には『作って学ぶFigma入門』がおすすめです。UX設計を学ぶなら『FigmaではじめるUXデザイン入門』、実装まで担当するならHTML／CSSの本を選びましょう。まず一冊を作品制作まで使い切るのがおすすめです。
購入時期や店によって販売価格が変わるため、注文前に確かめてください。本を読んで終わりにせず、LPのワイヤーや画面デザイン、提案用の説明まで形にしましょう。できあがった作品が、副業の相談を受けるときの材料になります。
Amazon の PC をスコア化してみた
Amazonにある8〜14インチの小型WindowsタブレットやノートPCを、スペック別にスコア化して比較・ランキング。
