Amazonで購入する
2025年11月21日発売！
Figmaの基礎は学んだけど、
いまひとつ活用の仕方がわからない…
Webサイトを作りたいけど、
コーディングは苦手…
Figmaのこんなお悩みを解決！
01
Figma Sitesの本、
書いちゃいました！
「Figmaでデザインしてそのまま公開できたらいいのにな・・・」
そう思ったことはありませんか？
最近話題のFigma Sitesを使って
その願いを叶えましょう！
この本ではパーソナルジムのランディングページのデザインを用いて、最新のFigmaの機能を紹介しながらFigmaの使い方からFigma Sitesでの公開までを丁寧に解説していきます。
初めてFigmaを触る方はもちろん、最新のFigmaについて学びたい方、操作には慣れたけどデザインの考え方について学びたいという方もぜひお手に取って読んでみてください！
02
1章から5章まで
ステップを踏んで修得
▼ 画像をタップすると拡大します
Chapter 1
Figmaとは
デザインを作っていく前に、Figmaでの操作確認や各部名称の確認、歴史なども振り返りFigmaについて理解を深めていきましょう。
Chapter 2
Webサイトを作りながら基本ツールを覚えよう
Figmaの基本ツールを解説しながらデザイン制作を学んでいきましょう。
Chapter 3
プロトタイプを設定してみよう
公開の前にエンジニアやディレクター、クライアントなどの関係者にデザインを見てもらう場合には、プロトタイプも使ってみましょう。
Chapter 4
Figma Sites で制作から公開設定まで
制作したデザインをFigma Sitesで形にしていきます。設定ができたらそのまま公開！
Chapter 5
UI/UXについて考えてみよう
デザインを作る上で大切なUI/UXの考え方を現役デザイナー視点で一緒に学びましょう。
03
著者は現場で活躍する
5人の講師陣
株式会社IMAKE 代表取締役
濱野 将
BKIND DESIGN
馬場 快人
Riifav
すがはらりさ
合同会社いろは 代表
庄司 美雪
Studio FireColor 代表
株式会社IMAKE取締役 COO
小泉 誠
04
購入特典！
本書のために特別に制作した、すぐに使えるFigma Sites用ポートフォリオテンプレートを購入特典としてご提供！
しかも、日本語環境に最適化されているから、テキストサイズの調整などが不要！
初心者でも文章や画像を差し替えるだけで完成！
就活や転職のためのポートフォリオとしてすぐに使える！
05
書籍情報
デザインからサイト構築まで
FigmaだけでWeb制作
出版社：日経BP
発売日：2025年11月21日
ジュンク堂書店 池袋本店
紀伊國屋書店 新宿本店
丸善 丸の内本店
ほか全国の書店で発売予定！
Amazonで購入する
お知らせ
さまざまなイベントを開催予定です！
ぜひご参加ください
12/23 21:00〜
CSSNiteに出演します！
濱野、小泉、庄司の3人がCSS Niteで Figma Sitesにのコツを伝授します！
ぜひご視聴ください！！
https://cssnite.doorkeeper.jp/events/192907
12/11 19:00〜
中野にて出版記念イベント開催決定！
Figma Sitesの講義やプレゼント企画も！？
ぜひご参加ください！
https://design-campus.connpass.com/event/374812/
12/3 21:00〜
シナカフェコラボイベントを
開催します！
濱野、小泉、庄司の3人がWebクリエイターオンラインコミュニティ『シナカフェ』のせきゆおう氏とFigma Sitesについてオンラインで対談します！お楽しみに！
イベントの詳細はこちら
11/29 11:00〜
デジタルハリウッド渋谷にて
オフラインイベントを開催します！
Figma Sitesの活用方法や、ノーコードでLP制作をするテクニックやコツなど、今後Web制作の選択肢のひとつになるツールとして知っておきたい情報を丁寧に解説！
さらに、実際にFigma SitesでLPをつくるワークショップも実施！
イベントの詳細はこちら
監修
制作
さいとう ちぐさ
装丁
エダマツ
Special Thanks!
制作にご協力いただき
ありがとうございました！
Uzumaki House 小島みゆき さん
尾島 里美 さん
OZ さん
糸数 沙海 さん
佐藤 諒太 さん
田辺 珠子 さん
桑原 杏咲 さん
Amazonで購入する
2025年11月21日発売！
Figmaの基礎は学んだけど、
いまひとつ活用の仕方がわからない…
Webサイトを作りたいけど、
コーディングは苦手…
Figmaのこんなお悩みを解決！
01
Figma Sitesの本、書いちゃいました！
「Figmaでデザインしてそのまま公開できたらいいのにな・・・」
そう思ったことはありませんか？
最近話題のFigma Sitesを使って
その願いを叶えましょう！
この本ではパーソナルジムのランディングページのデザインを用いて、
最新のFigmaの機能を紹介しながら
Figmaの使い方からFigma Sitesでの公開までを
丁寧に解説していきます。
初めてFigmaを触る方はもちろん、
最新のFigmaについて学びたい方、
操作には慣れたけどデザインの考え方について学びたいという方も
ぜひお手に取って読んでみてください！
02
1章から5章までステップを踏んで修得
▼ 画像をタップすると拡大します
Chapter 1
Figmaとは
デザインを作っていく前に、Figmaでの操作確認や各部名称の確認、歴史なども振り返りFigmaについて理解を深めていきましょう。
Chapter 2
Webサイトを作りながら基本ツールを覚えよう
Figmaの基本ツールを解説しながらデザイン制作を学んでいきましょう。
Chapter 3
プロトタイプを設定してみよう
公開の前にエンジニアやディレクター、クライアントなどの関係者にデザインを見てもらう場合には、プロトタイプも使ってみましょう。
Chapter 4
Figma Sites で制作から公開設定まで
制作したデザインをFigma Sitesで形にしていきます。設定ができたらそのまま公開！
Chapter 5
UI/UXについて考えてみよう
デザインを作る上で大切なUI/UXの考え方も一緒に学びましょう。現役デザイナー視点で
03
著者は現場で活躍する5人の講師陣
株式会社IMAKE 代表取締役
濱野 将
BKIND DESIGN
馬場 快人
Riifav
すがはらりさ
合同会社いろは 代表
庄司 美雪
Studio FireColor 代表
株式会社IMAKE取締役 COO
小泉 誠
04
購入特典！
本書のために特別に制作した、
すぐに使えるFigma Sites用ポートフォリオテンプレートを購入特典としてご提供！
しかも、日本語環境に最適化されているから、テキストサイズの調整などが不要！
初心者でも文章や画像を差し替えるだけで完成！
就活や転職のためのポートフォリオとしてすぐに使える！
05
書籍情報
デザインからサイト構築まで
FigmaだけでWeb制作
出版社：日経BP
発売日：2025年11月21日
ジュンク堂書店 池袋本店
紀伊國屋書店 新宿本店
丸善 丸の内本店
ほか全国の書店で発売予定！
Amazonで購入する
お知らせ
さまざまなイベントを開催予定です！
ぜひご参加ください
12/23 21:00〜
CSSNiteに出演します！
濱野、小泉、庄司の3人がCSS Niteで Figma Sitesにのコツを伝授します！
ぜひご視聴ください！！
https://cssnite.doorkeeper.jp/events/192907
12/11 19:00〜
中野にて出版記念イベント開催決定！
Figma Sitesの講義やプレゼント企画も！？
ぜひご参加ください！
https://design-campus.connpass.com/event/374812/
12/3 21:00〜
シナカフェコラボイベントを
開催します！
濱野、小泉、庄司の3人がWebクリエイターオンラインコミュニティ『シナカフェ』のせきゆおう氏とFigma Sitesについてオンラインで対談します！お楽しみに！
イベントの詳細はこちら
11/29 11:00〜
デジタルハリウッド渋谷にて
オフラインイベントを開催します！
Figma Sitesの活用方法や、ノーコードでLP制作をするテクニックやコツなど、今後Web制作の選択肢のひとつになるツールとして知っておきたい情報を丁寧に解説！
さらに、実際にFigma SitesでLPをつくるワークショップも実施！
イベントの詳細はこちら
監修
制作
さいとう ちぐさ
装丁
エダマツ
Special Thanks!
制作にご協力いただき
ありがとうございました！
Uzumaki House 小島みゆき さん
尾島 里美 さん
OZ さん
糸数 沙海 さん
佐藤 諒太 さん
田辺 珠子 さん
桑原 杏咲 さん
Amazonで購入する
2025年11月21日発売！
Figmaの基礎は学んだけど、
いまひとつ活用の仕方がわからない…
Webサイトを作りたいけど、
コーディングは苦手…
Figmaのこんなお悩みを解決！
01
Figma Sitesの本、
書いちゃいました！
「Figmaでデザインしてそのまま公開できたらいいのにな・・・」
そう思ったことはありませんか？
最近話題のFigma Sitesを使って
その願いを叶えましょう！
この本ではパーソナルジムのランディングページのデザインを用いて、
最新のFigmaの機能を紹介しながら
Figmaの使い方からFigma Sitesでの公開までを丁寧に解説していきます。
初めてFigmaを触る方はもちろん、
最新のFigmaについて学びたい方、
操作には慣れたけどデザインの考え方について学びたいという方も
ぜひお手に取って読んでみてください！
02
1章から5章までステップを踏んで修得
▼ 画像をタップすると拡大します
Chapter 1
Figmaとは
デザインを作っていく前に、Figmaでの操作確認や各部名称の確認、歴史なども振り返りFigmaについて理解を深めていきましょう。
Chapter 2
Webサイトを作りながら基本ツールを覚えよう
Figmaの基本ツールを解説しながらデザイン制作を学んでいきましょう。
Chapter 3
プロトタイプを設定してみよう
公開の前にエンジニアやディレクター、クライアントなどの関係者にデザインを見てもらう場合には、プロトタイプも使ってみましょう。
Chapter 4
Figma Sites で制作から公開設定まで
制作したデザインをFigma Sitesで形にしていきます。設定ができたらそのまま公開！
Chapter 5
UI/UXについて考えてみよう
デザインを作る上で大切なUI/UXの考え方も一緒に学びましょう。現役デザイナー視点で
03
著者は現場で活躍する5人の講師陣
株式会社IMAKE 代表取締役
濱野 将
BKIND DESIGN
馬場 快人
Riifav
すがはらりさ
合同会社いろは 代表
庄司 美雪
Studio FireColor 代表
株式会社IMAKE取締役 COO
小泉 誠
04
購入特典！
本書のために特別に制作した、
すぐに使えるFigma Sites用ポートフォリオテンプレートを購入特典としてご提供！
しかも、日本語環境に最適化されているから、テキストサイズの調整などが不要！
初心者でも文章や画像を差し替えるだけで完成！
就活や転職のためのポートフォリオとしてすぐに使える！
05
書籍情報
デザインからサイト構築まで
FigmaだけでWeb制作
出版社：日経BP
発売日：2025年11月21日
ジュンク堂書店 池袋本店
紀伊國屋書店 新宿本店
丸善 丸の内本店
ほか全国の書店で発売予定！
Amazonで購入する
お知らせ
さまざまなイベントを開催予定です！
ぜひご参加ください
12/23 21:00〜
CSSNiteに出演します！
濱野、小泉、庄司の3人がCSS Niteで Figma Sitesにのコツを伝授します！
ぜひご視聴ください！！
https://cssnite.doorkeeper.jp/events/192907
12/11 19:00〜
中野にて出版記念イベント開催決定！
Figma Sitesの講義やプレゼント企画も！？
ぜひご参加ください！
https://design-campus.connpass.com/event/374812/
12/3 21:00〜
シナカフェコラボイベントを
開催します！
濱野、小泉、庄司の3人がWebクリエイターオンラインコミュニティ『シナカフェ』のせきゆおう氏とFigma Sitesについてオンラインで対談します！お楽しみに！
イベントの詳細はこちら
11/29 11:00〜
デジタルハリウッド渋谷にて
オフラインイベントを開催します！
Figma Sitesの活用方法や、ノーコードでLP制作をするテクニックやコツなど、今後Web制作の選択肢のひとつになるツールとして知っておきたい情報を丁寧に解説！
さらに、実際にFigma SitesでLPをつくるワークショップも実施！
イベントの詳細はこちら
監修
制作
さいとう ちぐさ
装丁
エダマツ
Special Thanks!
制作にご協力いただき
ありがとうございました！
Uzumaki House 小島みゆき さん
尾島 里美 さん
OZ さん
糸数 沙海 さん
佐藤 諒太 さん
田辺 珠子 さん
桑原 杏咲 さん