こんにちは、デザイナー・ブロガーの
ゆっきー（@elcielo_design）です。
今回は、Figma (フィグマ) の
参考になる本をまとめた記事になります。
Figma (フィグマ) の書籍・本
この記事では、Figma (フィグマ) を
学べる本を紹介していきます。
特に、次のような人は読んでみて下さい。
- Figma (フィグマ) の参考書が知りたい。
-
Web・UI系のデザインを学びたい。
-
Web・UIデザイナーを目指している。
また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimited」がおすすめ。
Figma (フィグマ) の書籍・本まとめ
「Figma (フィグマ) の書籍・本の一覧」
| 系統 | 書籍名 |
| Figma基礎 | 初心者からちゃんとしたプロになる Figma基礎入門 |
| Web・バナーデザイン | 初めてでも迷わないFigmaのきほん やさしく学べる Webサイト・バナーデザイン入門 |
| Web・UIデザイン | これからはじめるFigma Web・UIデザイン |
| UIデザイン | Figmaデザイン入門 UIデザイン、プロトタイピングから チームメンバーとの連携まで |
| UIデザイン・アプリ開発 | Figma for UIデザイン [日本語版対応] アプリ開発のためのデザイン、 プロトタイプ、ハンドオフ |
| UIデザインの アイデア・サンプル |
Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン |
| デザインシステム | Figma for デザインシステム デザインを中心とした プロダクト開発の仕組み作り |
下でそれぞれ詳しく紹介しています。
初心者からちゃんとしたプロになる
Figma基礎入門
相原典佳/沖 良矢/岡部千幸/倉又美樹 エムディエヌコーポレーション 2023年05月26日
Figmaを使うなら、最初に読む本。
| タイトル (書籍名) |
初心者からちゃんとしたプロになる Figma基礎入門 |
| 価格 | ¥2,860 (税込) |
| 発売日 | 2023/5/26 |
| 特徴 | ・Webサイト＆アプリのデザインがわかる。 |
| 内容 | 1 Figmaの基本とワークフロー 2 デザインするための機能 3 Figmaのプロトタイピング機能 4 コミュニケーションのための機能 5 Webサイトをデザインする 6 モバイルアプリをデザインする 7 外部のデザインツールとの連携 |
| おすすめの人 | ・Figmaを初めて使う人 |
| その他 |
はじめてでも迷わないFigmaのきほん
やさしく学べる
Webサイト・バナーデザイン入門
もち インプレス 2023年07月12日
デザインツール「Figma」の操作方法と、
Figmaで実際にデザインを作成して
成果物を完成させる方法を解説した書籍。
| タイトル (書籍名) |
初めてでも迷わないFigmaのきほん やさしく学べる Webサイト・バナーデザイン入門 |
| 価格 | ¥2,750 (税込) |
| 発売日 | 2023/7/12 |
| 特徴 | ・基本的な機能を解説した「基礎編」と、 実際にFigmaでのデザイン制作の手順が分かる 「実践編」の2編で構成。 ・基礎編でFigmaの使い方をしっかり学んでから 実践編で具体的な成果物の作成まで学べる。 ・「実践編」では、Web・UIデザインのほか、 YouTubeのサムネイルなどの作り方も収録。 ・購入者特典として実践編で解説している デザインのサンプルファイル (Figma形式) を DLできるので、デザインの作成方法や構造が ひと目で分かる。 |
| 内容 | ・基礎編 (Figmaについて学ぶ / Figmaの基本操作を学ぶ / Figmaで共同作業を行う / Figmaで使えるリソースを知る） ・実践編 (Instagram広告を作成する / YouTubeのサムネイルを作成する / プレゼン資料を作成する/名刺を作成する/ Webサイトのデザインを作成する ほか) |
| おすすめの人 | ・Figmaを使ってみたいと思うWebデザイナー ・過去にFigmaを使ってたが、よく分からなく あきらめてしまったWebデザイナー ・モバイルアプリのインターフェイスを 作成する必要がある人 ・企業のSNS担当者、インフルエンサー ・Web広告を出稿している企業の担当者 ・資料作成が必要な社会人、大学生 |
| その他 |
これからはじめるFigma
Web・UIデザイン入門
阿部 文人/今 聖菜/田口 冬菜/中川 小雪 マイナビ出版 2022年09月26日頃
Figma初心者のための基本操作から
チームで行うペアデザインの実践方法まで、
デザイン制作のながれを学べる学習本。
| タイトル (書籍名) |
これからはじめるFigma Web・UIデザイン |
| 価格 | ¥2,904 (税込) |
| 発売日 | 2022/9/26 |
| 特徴 | ・ハンズオンで自分の手を動かしながら Figmaの操作方法を学べる。 ・ポートフォリオサイト、コーポレート サイト、ECサイト、レシピアプリ、 4つの作例を収録。 ・それぞれの作例に求められる調査や 情報整理、フレームの用意やスタイル、 プロトタイプの作成方法も紹介。 ・操作画面および解説も日本語化に対応。 |
| 内容 | 第1章 準備編 Figmaの準備と基本機能 第2章 実践編 Figmaで実践するWeb デザイン制作体験 第3章 応用編 3つの作例から学ぶデザイン 制作のながれ 第4章 活用編 チームでのFigma活用と ペアデザイン |
| おすすめの人 | ・Figmaを使ってWeb・UIデザインを 学びたい人 |
| その他 |
Figmaデザイン入門
UIデザイン、プロトタイピングから
チームメンバーとの連携まで
綿貫 佳祐 技術評論社 2023年02月08日頃
初心者のための最低限の基本操作から、
現場で使えるワザまで1冊にまとめた本。
| タイトル (書籍名) |
Figmaデザイン入門 UIデザイン、プロトタイピングから チームメンバーとの連携まで |
| 価格 | ¥2,860 (税込) |
| 発売日 | 2023/2/8 |
| 特徴 | ・デザインはもちろん、その前段階である Webページの設計図やサイトマップの作成、 コーディングの準備、要件定義といった 場面で活用する方法を解説。 ・オンラインホワイトボードのような 便利な機能も紹介。 ・使用頻度の高い機能を優先的に解説し、 難しい機能や細かいオプションは できるだけ省略。 |
| 内容 | 1 Figmaを使う前に 2 Figmaの基本操作 3 UIデザインを作る 4 プロトタイプを作る 5 デベロッパーハンドオフ 6 Figmaを中心としたチーム全体での コラボレーション |
| おすすめの人 | ・Figmaを使ってUIデザインを学びたい人 |
| その他 |
Figma for UIデザイン [日本語版対応]
アプリ開発のためのデザイン、
プロトタイプ、ハンドオフ
沢田 俊介 翔泳社 2022年11月14日頃
Figmaを使いUIデザインをゼロから学べる本。
| タイトル (書籍名) |
Figma for UIデザイン [日本語版対応] アプリ開発のためのデザイン、 プロトタイプ、ハンドオフ |
| 価格 | ¥2,750 (税込) |
| 発売日 | 2022/11/14 |
| 特徴 | ・「写真投稿アプリ」を題材に、実際の ワークフローに沿ってアプリデザインを作成 ・リアルな現場の情報を織り交ぜながら 初学者の方が最初の一歩を踏み出せる構成。 ・プロトタイピング、プラグイン、 アニメーションなどにも踏み込んで解説。 ・Figmaの機能を網羅的に学習し、 なおかつ実践方法も学べる。 ・基本操作に加え、生産性を上げる効率的な テクニックが身につく。 ・エンジニアが実装しやすいような デザインを作成できる。 |
| 内容 | Introduction アプリ開発の工程、 企画の確認など Chapter1 基本的な操作 Chapter2 生産性を上げる機能 Chapter3 ワイヤーフレームを作成する Chapter4 プロトタイプを作成する Chapter5 詳細デザインを作成する Chapter6 デザインのハンドオフ Chapter7 ノンデザイナーのためのFigma |
| おすすめの人 | ・Figmaをはじめて使う人 ・UIデザイナーを目指す人 ・エンジニアとの連携を改善したいデザイナー ・開発ツールとしてのFigmaを学びたい エンジニア ・現場のワークフローを把握したい マネージャー |
| その他 |
Figmaで作るUIデザインアイデア集
サンプルで学ぶ35のパターン
相原典佳/岡部千幸 インプレス 2024年07月23日頃
Figmaを使ったコンポーネントの作成から
実装まで全て学べる本。
| タイトル (書籍名) |
Figmaで作るUIデザインアイデア集 サンプルで学ぶ35のパターン |
| 価格 | ¥3,080 (税込) |
| 発売日 | 2024/7/23 |
| 特徴 | ・Figmaを使ったファウンデーション、 コンポーネント、アプリの制作を通して、 Figmaの実践的な使い方、UIコンポーネントの 作り方を学ぶことができる。 ・本書オリジナルのUIキット「Stockpile UI」と 練習用ファイル付き。 ・手を動かしながら学べる内容。 ・著者は、Webデザイナー・デジタルハリウッド 講師の相原典佳さんと、UIデザイナーの 岡部千幸さん。 |
| 内容 | 1 Figmaの基本操作 2 Stockpile UIの土台となる 「ファウンデーション」 3 アプリやWebページの部品となる 「コンポーネント」 4 オリジナルアプリを作る準備 5 オリジナルアプリを作る 6 デザインシステムについて知る |
| おすすめの人 | ・Figmaの基本は理解したので、 次は実務に役立つアイデアが欲しい人 ・色んなUIサンプルを一気に沢山見たい人 ・UIコンポーネントの作成をはじめたものの 作り方に迷っている人 ・Figmaを使ったUIデザインに興味のある人 ・Webデザイン中級者 ・UIデザイン (アプリデザイン) 中級者 |
| その他 |
Figma for デザインシステム
デザインを中心とした
プロダクト開発の仕組み
沢田 俊介 翔泳社 2024年04月05日頃
Figmaを使ったデザインシステムの
構築方法が学べるチュートリアル本。
| タイトル (書籍名) |
Figma for デザインシステム デザインを中心とした プロダクト開発の仕組み作り |
| 価格 | ¥3,080 (税込) |
| 発売日 | 2024/4/5 |
| 特徴 | ・「デザインシステムとは何か」から始まり、 実践を通して「どのように作るのか」を 学べる。 ・具体的な作例を用いて段階的に構築。 ・本書で解説する機能を使いこなせば、 既存のデザインプロセスを改善できる。 |
| 内容 | 1 デザインシステムを知る 2 プロフェッショナルなFigma 3 デザインシステムをはじめる 4 デザイントークン 5 タイポグラフィ 6 デザインシステムの拡充 7 パターンライブラリ 8 実装コードとの連携 |
| おすすめの人 | ・Figmaをを使ったデザインシステムを 学びたい人 ・デザインシステムに興味があるけど 何から始めてよいか分からない。 ・Figmaの初歩的な操作方法を理解していて、 次のステップアップをしたい人 |
| その他 |
まとめ
以上がFigmaの参考になる本でした。
この記事では、ジャンル別で本の内容を
紹介してるので、それに目を通してみて
自分に合う本を見つけて下さい。
なお、イラストやデザイン関連の書籍は、
下の記事に一通りまとめています。
