出版社内容情報
●Webデザイナーの必須ツール「Figma」解説書の決定版！
●デザイン初学者はもちろん、デザイナー以外でも理解できる！
●最新機能「Figma Sites」の実践活用までカバー！
Figma（フィグマ）は近年、多くのデザイナーや企業に選ばれているデザインツールです。Webサイトやアプリのデザインを効率良く制作できるだけでなく、検討や改善、プレゼンなどを含む一連の作業を効果的に進めることができます。クラウドベースなので共同作業にも向いていて、Webデザインなどにおける必須のツールになりつつあります。
さらに2025年には、デザインしたWebサイトをそのまま公開する新機能「Figma Sites」を搭載し、HTMLなどのコーディングの知識がなくても、Webサイトを制作・公開できるようになりました。
本書は、そんなFigmaの基本的な操作方法はもちろん、Figma Sitesなどの最新機能の活用法や、「使いやすく訴求力のあるデザイン」に必要なUI/UXの考え方まで、これからのFigma 活用を体系的に学べる１冊です。
執筆は、現役のデザイン講師として活躍する著者陣。現場で培った実践的な知識をもとに、初心者にも理解しやすく体系的に解説しています。
【目次】
Chapter 1 Figmaについて
01 Figma とは
02 使う準備をしよう
03 Figma の構造
04 各部の名称と説明
05 デザインに着手する前に
Chapter 2 Webサイトを作りながら基本ツールを覚えよう
01 デザインを始める前の下準備
02 TOP ページのフレーム作成
03 ボタンの制作
04 ヘッダーの作成
05 ファーストビューの作成
06 NEWS セクションの作成
07 ABOUT セクションの作成
08 応用演習：残りのセクションとパーツ
09 完成まとめ
10 SPデザインの制作
11 レスポンシブについて
Chapter 3 プロトタイプを設定してみよう
01 プロトタイプとは
02 ページ遷移を再現する
03 ヘッダーを固定してみよう
04 アニメーションの種類
05 ホバーアニメーションをバリアントを使い再現する
06 プロトタイプを共有する
07 Figma でのさまざまなコミュニケーション方法
Chapter 4 Figma Sitesで制作から公開設定まで
01 Figma Sitesとは？
02 Webサイトの制作
03 Webサイトのデザイン
04 Webサイトのレスポンシブ対応
05 アクセシビリティの向上
06 Figma Sitesで作成する際のポイントや便利な機能
07 Webサイトを公開する
08 まとめ
Chapter 5 UI/UXについて考えてみよう
01 UI/UXとは？
02 UI/UXを考えるときに見るべきポイント
03 UI/UX視点からデザインの改善をしてみよう
04 作って終わりではなく「使われるか」を見る
05 UI/UX設計で活用できるプラグインの紹介
内容説明
コーディングいらず！Ｆｉｇｍａ ＳｉｔｅｓでＷｅｂサイト制作。ＵＩ／ＵＸの考え方がわかる。仕事で使える実務力。Ｗｅｂデザイン初学者にもおすすめ！現場で活躍する講師がやさしく解説！ポートフォリオ用Ｆｉｇｍａ Ｓｉｔｅｓテンプレート付。
目次
１ Ｆｉｇｍａについて（Ｆｉｇｍａとは；使う準備をしよう；Ｆｉｇｍａの構造；各部の名称と説明；デザインに着手する前に）
２ Ｗｅｂサイトを作りながら基本ツールを覚えよう（デザインを始める前の下準備；ＴＯＰページのフレーム作成；ボタンの制作；ヘッダーの作成；ファーストビューの作成；ＮＥＷＳセクションの作成；ＡＢＯＵＴセクションの作成；応用演習：残りのセクションとパーツ；完成まとめ；ＳＰデザインの制作；レスポンシブについて）
３ プロトタイプを設定してみよう（プロトタイプとは；ページ遷移を再現する；ヘッダーを固定してみよう；アニメーションの種類；ホバーアニメーションをバリアントを使い再現する；プロトタイプを共有する；Ｆｉｇｍａでのさまざまなコミュニケーション方法）
４ Ｆｉｇｍａ Ｓｉｔｅｓで制作から公開設定まで（Ｆｉｇｍａ Ｓｉｔｅｓとは？；Ｗｅｂサイトの制作；Ｗｅｂサイトのデザイン；Ｗｅｂサイトのレスポンシブ対応；アクセシビリティの向上；Ｆｉｇｍａ Ｓｉｔｅｓで作成する際のポイントや便利な機能；Ｗｅｂサイトを公開する；まとめ）
５ ＵＩ／ＵＸについて考えてみよう（ＵＩ／ＵＸとは？；ＵＩ／ＵＸを考えるときに見るべきポイント；ＵＩ／ＵＸ視点からデザインの改善をしてみよう；作って終わりではなく「使われるか」を見る；ＵＩ／ＵＸ設計で活用できるプラグインの紹介）
著者等紹介
濱野将［ハマノショウ］
株式会社ＩＭＡＫＥ代表取締役／ＣＥＯ。２０１４年に株式会社ＩＭＡＫＥを設立。デザイナーとして紙媒体・Ｗｅｂデザイン・動画編集などの広告媒体に携わり、約２０年の経験をもとに、多角的な視点からＵＩ／ＵＸを考慮したディレクションや動画教材のアドバイザーとして活動中。また、大学や専門学校での講師を務めるほか、オンライン動画プラットフォームでデザイン関連の講座を開設し、これまでの受講者は延べ１５，０００人を超える。ワークショップやディスカッションを組み込んだ学習定着率の高いカリキュラム設計を得意とし、受講者の満足度が高い講義や研修を提供している
馬場快人［ババカイト］
ＢＫＩＮＤ ＤＥＳＩＧＮ。神奈川県出身。Ｗｅｂデザインやグラフィックデザインを中心に、写真撮影や講師業なども行っている。快いデザインをテーマに親切な心と情熱でお客様が望む最高のデザインをする
すがはらりさ［スガハラリサ］
Ｒｉｉｆａｖ。山形県出身。ＵＩ／ＵＸデザイナー兼デザイン講師。人の“お気に入り”を生むデザインを志し、現場と教育の両面から、ブランディングを意識した伝わるデザインづくりに取り組んでいる
庄司美雪［ショウジミユキ］
合同会社いろは代表。宮城県仙台市出身。文系大学卒業後、インフラエンジニアとＷｅｂ広告業を経てＷｅｂ開発へ転身。現在はフロントエンド開発とＵＩデザインを中心に、実務経験をもとにした教育・メンタリングにも取り組む
小泉誠［コイズミマコト］
Ｓｔｕｄｉｏ ＦｉｒｅＣｏｌｏｒ代表、株式会社ＩＭＡＫＥ取締役／ＣＯＯ。人と人の思いをつなぐことを信条として、２０年間クリエイターとして活動。デザインからフロントエンド、ＳＥＯ、マーケティング、システム開発、動画制作など幅広く手掛ける（本データはこの書籍が刊行された当時に掲載されていたものです）
※書籍に掲載されている著者及び編者、訳者、監修者、イラストレーターなどの紹介情報です。
