こんにちは、デザイナー・ブロガーの
ゆっきー（@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デザイン [日本語版対応] アプリ開発のためのデザイン、 プロトタイプ、ハンドオフ |
下でそれぞれ詳しく紹介しています。
初心者からちゃんとしたプロになる
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の参考になる本でした。
この記事では、ジャンル別で本の内容を
紹介してるので、それに目を通してみて
自分に合う本を見つけて下さい。
なお、イラストやデザイン関連の書籍は、
下の記事に一通りまとめています。
