デザイン作成から「Figma Sites」による公開まで、Webサイト制作の一連の工程が1冊で完結
Webブラウザーやデスクトップアプリで利用できるFigmaは、Webサイト制作現場で標準的なデザインツールとして広く利用されています。2025年にはFigma上で作成したデザインをそのままサイトとして実装・公開できる「Figma Sites」がリリースされ、制作フローに大きな変化をもたらしました。
本書は、2023年7月に発売され好評を博した『はじめてでも迷わないFigmaのきほん』を全面的に改訂し、最新環境に対応しています。Figmaの基本的な操作解説に加え、Figma Sitesを活用したサイトの作成から公開までの具体的な手順が新たに収録されており、デザインから公開までの一連の流れを体系的に学ぶことが可能です。
「作って終わり」にしない。デザインを形にするためのスキルが身につく
本書は、「基礎編」と「実践編」の2部構成で、Figmaの基本操作、共同作業、プラグイン利用方法から、具体的な制作フローまでを網羅しています。実践編では、Instagram用のバナーやポートフォリオサイトを例に、デザイン方法からFigma Sitesでの実装・公開手順までが詳しく解説されています。
実際に手を動かしながら学習することで、ポートフォリオサイトの完成からWeb上への公開まで、一連の流れをスムーズに理解できます。効率的にデザインを進めるノウハウも学べるため、Webデザイナーを目指す方や、制作領域を広げたい現役デザイナーの方にも役立つでしょう。作例のFigmaファイルは読者特典として提供され、実際のデータ構造を確認しながら学習を進めることができます。
著者は、AI系スタートアップ企業のCDOであり、デザインスクールの代表も務める「もち」氏です。制作現場の最前線に立つ経験と、多くの初学者を指導してきた経験が生かされ、初心者が迷いやすいポイントが丁寧にフォローされた一冊となっています。
本書は以下のような方におすすめです
-
これからFigmaを使い始める、もしくは使ってみたいと考えているWebデザイナーの方
-
過去にFigmaを使ってみたが、よく分からなくて諦めてしまった方
-
すでにFigmaを活用しており、最新の機能も試してみたい方
-
Webデザイナーではないが、仕事などでFigmaを使っている方
-
デザインについて勉強中で、Figmaに興味がある学生の方
紙面イメージ
本書に登場する作例
予約・早期購入でショートカットキー一覧を収録したPDFをもれなくプレゼント
本書の発売を記念して、予約・早期購入キャンペーンが実施されます。Amazonや楽天ブックスなどのオンライン書店、または書店の店頭で本書を予約・購入し、下記の特設ページから申し込むと、本書未収録の「Figmaのおすすめショートカットキー一覧」（PDF）がプレゼントされます。
キャンペーン特設ページ：
https://book.impress.co.jp/readers_entry/9784295023999yoyaku.html
対象期間は2026年2月20日（金）から3月13日（金）までです。
本書の構成
＜基礎編＞
-
CHAPTER 1：Figmaの概要を理解する
-
CHAPTER 2：Figmaの基本操作を学ぶ
-
CHAPTER 3：Figmaで共同作業を行う
-
CHAPTER 4：外部リソースを活用する
＜実践編＞
-
CHAPTER 5：バナーのデザインを作る
-
CHAPTER 6：サイトのデザインを作る
-
CHAPTER 7：サイトの構成を実装する
-
CHAPTER 8：サイトをWebに公開する
-
CHAPTER 9：制作に役立つ機能を知る
書誌情報
-
書名：はじめてでも迷わないFigmaのきほん 改訂版 マネするだけでスキルが身につくWebサイト・バナーデザイン入門
-
著者：もち
-
発売日：2026年2月26日（木）
-
ページ数：288ページ
-
サイズ：B5変形判
-
定価：2,860円（本体2,600円＋税10%）
-
電子版価格：2,860円（本体2,600円＋税10%）※インプレス直販価格
-
ISBN：978-4-295-02399-9
書籍情報ページ：
著者プロフィール
もち
株式会社xenodata lab. CDO、株式会社Fluxion 代表取締役、NOT DESIGN SCHOOL 代表を務めています。IT業界でのデザイナー歴は10年以上にわたり、プロダクトデザインからブランド、コミュニケーションまで全クリエイティブを統括。デザインシステムやAIを取り入れながら、組織の制作プロセスのアップデートに取り組んでいます。
個人ではWeb制作・ブランド支援・デザイン教育を展開し、Studio Expertsとしての制作や、Studio Ambassador 東京都としてのコミュニティ活動、Figma書籍の執筆、ウェビナー・イベント登壇を通じて知見を発信。経験者向けのオンラインデザインスクール「NOT DESIGN SCHOOL」の代表も務めています。
ポートフォリオサイト：https://makikosakamoto.design/
株式会社インプレスについて
株式会社インプレスは、シリーズ累計8,000万部突破のパソコン解説書「できる」シリーズや、「デジタルカメラマガジン」等の定期雑誌、IT関連の専門メディアである「Impress Watchシリーズ」等のコンシューマ向けメディア、「IT Leaders」をはじめとする企業向けIT関連メディアなどを展開・運営する事業会社です。IT関連出版メディア事業、およびデジタルメディア＆サービス事業を幅広く展開しています。
株式会社インプレス：https://www.impress.co.jp/
インプレスグループについて
株式会社インプレスホールディングスを持株会社とするメディアグループです。「IT」「音楽」「デザイン」「山岳・自然」「航空・鉄道」「モバイルサービス」「学術・理工学」を主要テーマに専門性の高いメディア＆サービスおよびソリューション事業を展開。コンテンツビジネスのプラットフォーム開発・運営も手がけています。
インプレスグループ：https://www.impressholdings.com/
