Figmaの本は、作例を完成させたいのか、アプリ制作の流れを知りたいのか、UIの判断を学びたいのかで選びます。最初から全部を揃える必要はありません。操作学習にはFigmaの作例本、配色や画面の改善にはデザインの本という違いがあります。
2026年10月3日に確認した出版社の紹介・目次・刊行情報から、既存5冊と2026年の改訂本を比較しています。売上やレビュー点数のランキングではありません。記事内の購入リンクにはアフィリエイトリンクを含みます。
目的・刊行年・学ぶ内容の比較
| 目的 | 書籍 | 紙版の刊行日 | 主な内容 |
|---|---|---|---|
| Web画面の制作からSitesで公開する | はじめてでも迷わないFigmaのきほん 改訂版 | 2026年2月26日 | 基本操作、バナー、ポートフォリオ、Sitesで実装・公開 |
| Webサイトの作例で操作を学ぶ | 作って学ぶFigma入門［完全版］ | 2025年1月30日 | スマホ画面、Auto layout、コンポーネント、Variables、レスポンシブ |
| 基本操作から段階的に制作する | つくって学べる はじめてのFigmaデザイン | 2025年12月2日 | グラフィック操作、1ページのWeb、Figma機能、アプリとプロトタイプ |
| アプリ制作と開発への受け渡し | Figma for UIデザイン［日本語版対応］ | 2022年11月14日 | リファレンス、写真投稿アプリ、ワイヤー、プロトタイプ、ハンドオフ |
| UIを改善する判断を学ぶ | UIデザインのアイデア帳 | 2025年4月23日 | UIの基本、部品、改善例、PCとモバイル |
| Webデザイン全体の基礎を学ぶ | いちばんよくわかるWebデザインの基本きちんと入門［第2版］ | 2021年8月20日 | レイアウト、配色、写真、文字、HTML/CSS、運用 |
刊行日は現行Figmaへの完全対応を保証するものではありません。操作画面や機能は刊行後にも変わるため、購入前に試し読みと出版社のサポートを確認します。
購入カードには電子版のリンクも含まれます。表は紙版の刊行日なので、販売ページで購入する形式と版を確認します。
はじめてでも迷わないFigmaのきほん 改訂版
2026年2月の改訂版で、Figmaの基礎操作に加え、バナー・ポートフォリオサイト・Figma Sitesでの実装と公開を扱います。出版社は作例ファイルを特典として案内しています。インプレスの紹介・目次・試し読み
Web画面を作るだけでなく、Sitesで公開する流れも学びたい人の候補です。2023年の旧版とタイトルが似ているため、購入時は「改訂版」と紙版ISBN9784295023999を確認します。Sitesの公開条件や利用できるプランは、現在の公式案内と併せて確認します。
作って学ぶFigma入門［完全版］
スマートフォンのWebデザインから、スクロール・ページ遷移・メニュー・カルーセル・レスポンシブへ進む構成です。出版社は、作例データや画像をダウンロードして進めるハンズオン形式を案内しています。出版社の紹介・目次・サポート
Web画面を1つ作りながら、Auto layout・コンポーネント・Variablesなどの関係を覚えたい人の候補です。スマートフォン画面が中心の章構成なので、PC画面だけを詳しく扱う本を探している場合は目次のレスポンシブ部分を確認します。
つくって学べる はじめてのFigmaデザイン
基本的なグラフィック操作、1ページのWebデザイン、Figma特有の機能、アプリUIとプロトタイプへ進むドリル形式です。ソーテック社は完成ファイルやサンプルサイトなどのダウンロード特典を案内しています。出版社の紹介と目次
まず1ページを作る経験から始めて、後半で機能を増やしたい場合に選べます。「作って学ぶFigma入門」と両方を買う前に、試し読みで説明の進め方や作例を比較します。
Figma for UIデザイン［日本語版対応］
写真投稿アプリを題材に、ワイヤーフレーム・プロトタイプ・詳細デザイン・ハンドオフへ進む本です。機能を調べるリファレンス編と、制作の流れを学ぶプラクティス編があります。翔泳社の紹介と目次
アプリ制作とエンジニアへの受け渡しの流れを知りたい人の候補です。2022年刊行なので、現行のツールバーやDev Modeの操作をこれだけで確認する目的には向きません。出版社の案内では付属データの提供はなく、作例データをダウンロードして進める他の2冊とは条件が異なります。
現在の開発への受け渡しはDev Modeの使い方、画面遷移の操作はプロトタイプの作り方でも確認できます。
UIデザインのアイデア帳
アプリとWebのUIの基本、部品の特徴、改善例をまとめた本です。出版社は、良い例と悪い例の比較や、PC・モバイル両方のUIを扱う構成を紹介しています。SBクリエイティブの紹介・書籍情報
操作はできても、入力欄やボタンをどのように見せるか迷うときの候補です。Figmaのボタン操作を順に学ぶための専用マニュアルとして選ぶ本ではありません。
電子書籍は固定レイアウト型です。文字だけの拡大・検索・ハイライトなどが利用できない形式として案内されているので、スマートフォンで読む場合は試し読みの見え方も確認します。出版社の電子版の条件
Webデザインの基本きちんと入門［第2版］
コンセプト、レイアウト、配色、写真、タイポグラフィ、HTML/CSS、運用までを扱う基礎の本です。Figmaの操作手順より、Web画面を考えるための知識を確認したい場合に使います。SBクリエイティブの紹介と目次
2021年の第2版です。デザインの基礎と、更新されやすい実装・運用の仕様を分けて読み、最新のFigma機能やサービスの数値をこの本だけで確認しないようにします。
購入前に確認する4点
- 作りたい対象：Webサイト、アプリ、UI部品のどれを扱う作例か。
- 学習方式：順番に作る本か、必要な項目を引く本か。
- サポートとデータ：正誤表・補足・サンプルの有無、必要なプランや環境。
- 読む形式：紙と電子版の違い、固定レイアウトの読みやすさ、販売ページの現在の価格。
独学の進め方を決めたい場合は、まず入門ガイドの順に小さな画面を作り、分からない部分に合う本を選ぶ方法もあります。教育資格がある場合の無料利用は教育プランの条件と申請方法で確認できます。