2024年Figma (フィグマ) の勉強に役立つ書籍・本まとめ

※ アフィリエイト広告を利用しています。

こんにちは、デザイナー・ブロガーの
ゆっきー(@elcielo_design)です。

今回は、Figma (フィグマ) の
参考になる本をまとめた記事になります。

スポンサーリンク

Figma (フィグマ) の書籍・本

この記事では、Figma (フィグマ) を
学べる本を紹介していきます。

特に、次のような人は読んでみて下さい。

  • Figma (フィグマ) の参考書が知りたい。
  • Web・UI系のデザインを学びたい。

  • Web・UIデザイナーを目指している。

また、デザイン書籍等を1ヶ月無料で読むなら、
Amazonの「Kindle Unlimitedimpression?a id=1222425&p id=170&pc id=185&pl id=4062 - 2024年Figma (フィグマ) の勉強に役立つ書籍・本まとめ」がおすすめ。

スポンサーリンク

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基礎入門

Figmaを使うなら、最初に読む本。

 タイトル
 (書籍名)
 初心者からちゃんとしたプロになる
 Figma基礎入門
 価格  ¥2,860 (税込)
 発売日  2023/5/26
 特徴 ・Webサイト&アプリのデザインがわかる。
 内容  1 Figmaの基本とワークフロー
 2 デザインするための機能
 3 Figmaのプロトタイピング機能
 4 コミュニケーションのための機能
 5 Webサイトをデザインする
 6 モバイルアプリをデザインする
 7 外部のデザインツールとの連携
 おすすめの人 ・Figmaを初めて使う人
 その他  

はじめてでも迷わないFigmaのきほん
やさしく学べる
Webサイト・バナーデザイン入門

デザインツール「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デザイン入門

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デザイン、プロトタイピングから
チームメンバーとの連携まで

初心者のための最低限の基本操作から、
現場で使えるワザまで1冊にまとめた本。

 タイトル
 (書籍名)
 Figmaデザイン入門
 UIデザイン、プロトタイピングから
 チームメンバーとの連携まで
 価格  ¥2,860 (税込)
 発売日  2023/2/8
 特徴 ・デザインはもちろん、その前段階である
 Webページの設計図やサイトマップの作成、
 コーディングの準備、要件定義といった
 場面で活用する方法を解説。
・オンラインホワイトボードのような
 便利な機能も紹介。
・使用頻度の高い機能を優先的に解説し、
 難しい機能や細かいオプションは
 できるだけ省略。
 内容  1 Figmaを使う前に
 2 Figmaの基本操作
 3 UIデザインを作る
 4 プロトタイプを作る
 5 デベロッパーハンドオフ
 6 Figmaを中心としたチーム全体での
 コラボレーション
 おすすめの人 ・Figmaを使ってUIデザインを学びたい人
 その他  

Figma for UIデザイン [日本語版対応]
アプリ開発のためのデザイン、
プロトタイプ、ハンドオフ

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のパターン

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 デザインシステム
デザインを中心とした
プロダクト開発の仕組み

Figmaを使ったデザインシステムの
構築方法が学べるチュートリアル本。

 タイトル
 (書籍名)
 Figma for デザインシステム
 デザインを中心とした
 プロダクト開発の仕組み作り
 価格  ¥3,080 (税込)
 発売日  2024/4/5
 特徴 ・「デザインシステムとは何か」から始まり、
 実践を通して「どのように作るのか」を
 学べる。
・具体的な作例を用いて段階的に構築。
・本書で解説する機能を使いこなせば、
 既存のデザインプロセスを改善できる。
 内容  1 デザインシステムを知る
 2 プロフェッショナルなFigma
 3 デザインシステムをはじめる
 4 デザイントークン
 5 タイポグラフィ
 6 デザインシステムの拡充
 7 パターンライブラリ
 8 実装コードとの連携
 おすすめの人 ・Figmaをを使ったデザインシステムを
 学びたい人
・デザインシステムに興味があるけど
 何から始めてよいか分からない。
・Figmaの初歩的な操作方法を理解していて、
 次のステップアップをしたい人
 その他  

まとめ

以上がFigmaの参考になる本でした。

この記事では、ジャンル別で本の内容を
紹介してるので、それに目を通してみて
自分に合う本を見つけて下さい。

なお、イラストやデザイン関連の書籍は、
下の記事に一通りまとめています。

スポンサーリンク

シェアする