いままでPhotoshopやXDを使い、Webデザインを制作してきましたが、最近ではFigmaを使うことも多くなってきました。そんな際にFigma関連の書籍を参考にさせていただいたので、その中からおすすめ書籍を紹介します。
- 「Figma（フィグマ）を独学で勉強したいけど、どの本を買えば良いわからない。」という初心者の方に向けたおすすめの本
- 「自分の目的にあったFigmaの本が見たい！」というを方におすすめしたい本
- 「Figmaを使いWebデザインを作りたい！」「アプリのUIをデザインしたい」などの目的別におすすめしたい本
上記のような悩みをFigmaの操作レベルや知りたい目的別におすすめの本をご紹介します！
今回、Figmaの勉強におすすめする書籍はこちらです。Figmaの勉強にあわせてUIデザインのおすすめ書籍も一部ご紹介します。
私はKindle版の電子書籍を購入し、iPadで読むことが多いですが、紙の書籍でももちろん大丈夫です！
Figmaの勉強におすすめ本
はじめてでも迷わないFigmaのきほん やさしく学べるWebサイト・バナーデザイン入門
| 難易度 | ★☆☆☆☆ （初心者向け） |
| こんな方におすすめ | ●Figmaをはじめて触る人 ●Webデザインをはじめたい人 ●Figmaを使ってバナーやアイキャッチのデザインを作りたい人 |
| 内容特徴 | 基本的な機能を解説した「基礎編」と、実際にFigmaでのデザイン制作の手順が分かる「実践編」の2編で構成しています。 基礎編でFigmaの使い方をしっかり学んでから、実践編で具体的な成果物の作成まで学べます。 |
はじめてFigmaを触る人を対象としているので、Figmaをこれから学びたい人におすすめしたい超入門書です。
著者は、現役のデザイナーやデザイン系インフルエンサーとして活躍されている、もちさん（@makiko_sakamoto）による書籍なので、本書の出てくるデザイン作例のクオリティも高くFigmaの勉強だけではなくデザインの勉強にもなります。
入門書としてわかりやすいように、「基礎編」としてFigmaのダウンロード〜操作方法やおすすめプラグインなどの解説と、「実践編」としてWebデザインやバナーを作成するステップまで丁寧に解説されているので、実際に手を動かしながら学んでいくことができます。
これからはじめるFigma Web・UIデザイン入門
| 難易度 | ★☆☆☆☆ （初心者向け） |
| こんな方におすすめ | ●Figmaをはじめて触る人 ●Webデザインをはじめたい人 ●UIデザイン・アプリデザインを作りたい人 |
| 内容特徴 | ポートフォリオサイト、コーポレートサイト、ECサイト、レシピアプリ、4つの作例を本書では収録しています。 それぞれの作例に求められる調査や情報整理、フレームの用意やスタイル、プロトタイプの作成方法もご紹介します。 |
Figmaを使ってWebデザインやUIデザインをこれから学びたい人におすすめしたい入門書です。
著者は、秋田／東京のデザイン制作会社necco inc.のメンバーの方が執筆されているので、Figmaを学ぶこともできますが、Web制作を行っている現場のスキルを学ぶことができる一冊です。
入門書としてFigmaの操作方法の解説はもちろん解説されていますが、４つの題材（ポートフォリオサイト、コーポレートサイト、ECサイト、レシピアプリ）のデザインを作りながら操作や機能を解説されています。
デザインのフローだけではなく、情報整理、ワイヤーフレーム、プロトタイプなどの作り方も織り交ぜながら書かれているので、Figmaを使ってWebデザイン・UIデザインを作りたい方にとってもおすすめの書籍です。
Figma for UIデザイン アプリ開発のためのデザイン、プロトタイプ、ハンドオフ
| 難易度 | ★★☆☆☆ （初心者向け） |
| こんな方におすすめ | ●Figmaをはじめて触る人 ●UIデザイン・アプリデザインを作りたい人 |
| 内容特徴 | 本書は、Figmaを使ってUIデザインをゼロから学べる本です。 「写真投稿アプリ」を題材に、実際のワークフローに沿ってアプリのデザインを作成します。 |
「Figmaでこんなことってができるかな？」と悩んだときにパラパラと読みたくなるリファレンス的に使える書籍です。
Figmaを使ってUIデザインをゼロから学べる内容になっているので、とくにUIデザイン・アプリデザインを作りたい方におすすめです。
UIデザインの基礎知識や、Figmaならではの効率的なテクニック、アプリ開発の工程・企画などUIデザインに役立つTIPSも多く掲載されています。また実際にFigmaを使った案件を想定したエンジニアとのコミュニケーションを円滑にする方法なども解説されています。
デザイナー初心者だけではなく、実際にデザイン現場で働いていて、これから社内でFigmaを導入予定のクリエイターの方にもおすすめできる一冊です。
Figma for UIデザイン アプリ開発のためのデザイン、プロトタイプ、ハンドオフ
| 難易度 | ★☆☆☆☆ （初心者向け） |
| こんな方におすすめ | ●Figmaをはじめて触る人 ●UIデザイン・アプリデザインを作りたい人 ●Figmaを使ってプロジェクトメンバーとコミュケーションがとりたい人 ●エンジニアやディレクター |
| 内容特徴 | デザインはもちろん、その前段階であるWebページの設計図やサイトマップの作成、コーディングの準備、要件定義といった場面で活用する方法を解説し、オンラインホワイトボードのような便利な機能も紹介します。 |
Figmaだけに限らずアプリケーションの操作で初心者がつまずくポイントに「多機能すぎてどの機能を使えば良いかわからない」というケースがあるかと思います。
本書では、Figmaの高頻度で使用する機能に絞って解説されている入門書です。著者は、Webサービス「Qiita」の開発・UIデザインを行っている綿貫さん（@xrxoxcxox）による書籍になるので、実際の現場シーンで利用されている機能を学習できます。
Figmaを使用したプロジェクトで、対エンジニア・対ディレクターなどのチーム全体でのコラボレーション方法も解説されているので、面白い切り口でもFigmaを学ぶことができます。
初心者からちゃんとしたプロになる Figma基礎入門
| 難易度 | ★☆☆☆☆ （初心者向け） |
| こんな方におすすめ | ●Figmaをはじめて触る人 ●UIデザイン・アプリデザインを作りたい人 |
| 内容特徴 | 全7章構成で、前半部ではFigmaの特徴・基礎知識や画面構成を学んだあと、アプリやWebサイトを試作するためのプロトタイピング機能、作成したデータや制作過程そのものを共有するためのコミュニケーション機能を解説。 |
Figmaの基本機能を丁寧に解説されており、基本から実践的な応用までを全7章で解説します。
Figmaならではの「オートレイアウト」機能や「コンポーネント」機能などの基本的な機能を学習するにはぴったりの書籍です。作例には「Webデザイン」や「アプリ」デザインを通した実践編も用意されているので、手を動かしながら作りながら覚えていくにも良い内容となっています。
Figmaの勉強とあわせて読みたいUIデザインの本
FigmaはUIデザインを作るにぴったりなアプリです。Figmaの解説本ではないですが、UIデザインを学習するためにおすすめの書籍も合わせてご紹介します。
UIデザインの教科書
| 難易度 | ★☆☆☆☆ （初心者向け） |
| こんな方におすすめ | ●Figmaでデザインを作る人 ●UIデザイン・アプリデザインを作りたい人 |
| 内容特徴 | 本書はUIにおけるデザインの定義から、ハードおよびソフトによる制約、人間の心理による影響、そして具体的にデザインを形にする方法までを、図や画像を使いながら、わかりやすく体系的に解説していきます。 |
「使いやすい理由とは何か？」
Webデザインやアプリデザイン、画面の向こうには人（ユーザー）がいることを忘れてはいけません。
本書では、UIデザインにおける「わかりやすさ」と「使いやすさ」の要点を解説されている本になります。Figmaでデザインするものがなにであっても忘れてはいけないUIの考え方を学べる一冊です。
縁の下のUIデザイン──小さな工夫で大きな効果をもたらす実践TIPS＆テクニック
| 難易度 | ★☆☆☆☆ （初心者向け） |
| こんな方におすすめ | ●Figmaでデザインを作る人 ●UIデザイン・アプリデザインを作りたい人 |
| 内容特徴 | UIデザインの中でも普段はあまり注目されることのない細かい部分にフォーカスした書籍です。デザイナーがどのような意図を持ってUIをデザインしているのかを解説します。 |
UIデザインで説得力・納得感のあるデザインにする工夫ポイントをTIPS的に学べる書籍です。
「実際UIデザインのときに気をつけたほうが良いことってなんだろうか？」と悩んでいる際にパラパラと読み進めることができる一冊です。
その他、デザインの勉強におすすめしたい本はこちら
Figma以外にもデザインを勉強中の方におすすめしたい書籍は以下でもまとめているので、合わせて参考にしてもらえると嬉しいです。
デザインの勉強におすすめ本！初心者〜中級者までレベル別にご紹介
【2023年】デザインの勉強におすすめ本！初心者〜中級者までレベル別にご紹介！
たくさんの知識を身に付けるは、デザインが上達する近道の１つです。「デザイン」というジャンルでも、さまざまな切り口の本や書籍があるので、いろんなジャンルの本を読むことがオススメします。
ロゴデザインの勉強からアイディア探しにおすすめ本！初心者〜上級者まで目的別にご紹介！
ロゴデザインの勉強からアイディア探しにおすすめ本！初心者〜上級者まで目的別にご紹介！
Webデザインとあわせてロゴデザインを勉強されているかと思います。そんな方に向けて、ロゴデザインを初めて作る初心者の方、ロゴデザインのアイディアがほしい中級〜上級者の方でも、参考になるおすすめ本をご紹介します。
