株式会社インプレスは、デザインツール「Figma」（フィグマ）の基本操作からバナー作成、Webサイトのデザインと公開までを解説した書籍『はじめてでも迷わないFigmaのきほん 改訂版 マネするだけでスキルが身につくWebサイト・バナーデザイン入門』を2026年2月26日（木）に発売いたします。また、予約・早期購入者を対象に、本書未収録の「Figmaのおすすめショートカットキー一覧」（PDF）がもらえるキャンペーンも実施します。

※書影をクリックするとAmazonにジャンプします

デザイン作成から「Figma Sites」による公開まで、Webサイト制作の一連の工程が1冊で完結

WebブラウザーやMac/Windows向けのデスクトップアプリで利用できる「Figma」は、今やWebサイトの制作現場において欠かせない標準的なデザインツールとなりました。さらに2025年には、Figma上で作成したデザインをそのままサイトとして実装・公開できる「Figma Sites」がリリースされ、制作フローが大きく変化しています。

本書はこうした最新の環境に対応するため、2023年7月に発売し「初心者向けのFigma本」として好評の『はじめてでも迷わないFigmaのきほん やさしく学べるWebサイト・バナーデザイン入門』を全面的に改訂、最新版として刊行いたします。今回の改訂ではFigmaの基本的な操作解説に加え、Figma Sitesを活用したサイトの作成から公開までの具体的な手順を新たに収録しました。デザインから公開までの一連の流れを、この1冊で体系的に学べます。

「作って終わり」にしない。デザインを形にするためのスキルが身につく

本書は、Figmaの基本操作や共同作業、プラグインの利用方法を解説した「基礎編」と、具体的な制作フローを収録した「実践編」の2部構成となっています。実践編ではInstagram用のバナーに加え、ポートフォリオサイト（自分がデザインした作品や実績などを紹介するサイト）を作例として、それらのデザイン方法からFigma Sitesでの実装・公開手順までを詳しく紹介しています。

本書に沿って実際に手を動かすことで、ポートフォリオサイトの完成からWeb上への公開まで、一連の流れをスムーズに理解できます。単なる操作方法の解説に留まらず、効率的にデザインを進めるノウハウも学べるため、これからWebデザイナーを目指す方はもちろん、制作領域を広げたい現役デザイナーの方にも活用いただける内容です。また、作例のFigmaファイルは読者特典として提供しているため、実際のデータ構造を手元で確認しながら学習を進めることが可能です。

著者は、AI系スタートアップ企業のCDOであり、デザインスクールの代表も務める「もち」氏です。制作現場の最前線に立ちつつ、多くの初学者を指導してきた経験を生かし、初心者が迷いやすいポイントを丁寧にフォローした1冊となっています。

本書は以下のような方におすすめです

• これからFigmaを使い始める、もしくは使ってみたいと考えているWebデザイナーの方
• 過去にFigmaを使ってみたが、よく分からなくて諦めてしまった方
• すでにFigmaを活用しており、最新の機能も試してみたい方
• Webデザイナーではないが、仕事などでFigmaを使っている方
• デザインについて勉強中で、Figmaに興味がある学生の方

紙面イメージ

基礎編では、Figmaの基本操作を中心に解説。最新のAI機能についても紹介しています。

実践編で解説しているポートフォリオサイトは、TOPページと下層ページの構成です。各ページのデザインを複数のセクションに分けて解説しています。

本書に登場する作例

Instagram用のバナー。ワイヤーフレームの作成から、Figmaのモバイルアプリを使って実際にスマートフォンで確認する作業まで紹介しています。

ポートフォリオサイト。Figma Sitesで公開まで行うには有料プランが必要ですが、デザインの作成は無料プランでも可能です。

予約・早期購入でショートカットキー一覧を収録したPDFをもれなくプレゼント

本書の発売を記念して、予約・早期購入キャンペーンを実施いたします。Amazonや楽天ブックスなどのオンライン書店、またはお近くの書店にて本書をご予約、もしくはご購入のうえ、下記の特設ページからお申し込みいただいた方に、もれなく本書未収録の「Figmaのおすすめショートカットキー一覧」（PDF）をプレゼントいたします。対象期間は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：制作に役立つ機能を知る

書誌情報

※書影をクリックするとAmazonにジャンプします

　

• 著者：もち
• 定価：2,860円（本体2,600円＋税10%）
• 電子版価格：2,860円（本体2,600円＋税10%）※インプレス直販価格
• 発売日：2026年2月26日（木）
• 判型：B5変形判
• ページ数：288ページ
• ISBN：978-4-295-02399-9

著者プロフィール

もち
株式会社xenodata lab. CDO
株式会社Fluxion 代表取締役
NOT DESIGN SCHOOL 代表

株式会社xenodata lab.でCDOとして、プロダクトデザインからブランド、コミュニケーションまで全クリエイティブを統括。IT業界でのデザイナー歴は10年以上にわたり、近年はデザインシステムやAIを取り入れながら、組織の制作プロセスのアップデートに取り組んでいる。

個人では株式会社Fluxionを立ち上げ、Web制作・ブランド支援・デザイン教育を展開。その他、Studio Expertsとしての制作や、Studio Ambassador 東京都としてのコミュニティ活動、Figma書籍の執筆、ウェビナー・イベント登壇を通じて知見を発信している。また、経験者向けのオンラインデザインスクール「NOT DESIGN SCHOOL」の代表も務める。

ポートフォリオサイト