デザインからサイト構築までＦｉｇｍａだけでＷｅｂ制作

日経ＢＰ 日経ＢＰマーケティング
濱野将　馬場快人　すがはらりさ　庄司美雪　小泉誠　

• 価格: 2,860円（本体2,600円＋税）
• 発行年月: 2025年11月
• 判型: Ａ５
• ISBN: 9784296209309

内容情報

[BOOKデータベースより]

コーディングいらず！Ｆｉｇｍａ　ＳｉｔｅｓでＷｅｂサイト制作。ＵＩ／ＵＸの考え方がわかる。仕事で使える実務力。Ｗｅｂデザイン初学者にもおすすめ！現場で活躍する講師がやさしく解説！ポートフォリオ用Ｆｉｇｍａ　Ｓｉｔｅｓテンプレート付。

１　Ｆｉｇｍａについて（Ｆｉｇｍａとは；使う準備をしよう；Ｆｉｇｍａの構造；各部の名称と説明；デザインに着手する前に）
２　Ｗｅｂサイトを作りながら基本ツールを覚えよう（デザインを始める前の下準備；ＴＯＰページのフレーム作成；ボタンの制作；ヘッダーの作成；ファーストビューの作成；ＮＥＷＳセクションの作成；ＡＢＯＵＴセクションの作成；応用演習：残りのセクションとパーツ；完成まとめ；ＳＰデザインの制作；レスポンシブについて）
３　プロトタイプを設定してみよう（プロトタイプとは；ページ遷移を再現する；ヘッダーを固定してみよう；アニメーションの種類；ホバーアニメーションをバリアントを使い再現する；プロトタイプを共有する；Ｆｉｇｍａでのさまざまなコミュニケーション方法）
４　Ｆｉｇｍａ　Ｓｉｔｅｓで制作から公開設定まで（Ｆｉｇｍａ　Ｓｉｔｅｓとは？；Ｗｅｂサイトの制作；Ｗｅｂサイトのデザイン；Ｗｅｂサイトのレスポンシブ対応；アクセシビリティの向上；Ｆｉｇｍａ　Ｓｉｔｅｓで作成する際のポイントや便利な機能；Ｗｅｂサイトを公開する；まとめ）
５　ＵＩ／ＵＸについて考えてみよう（ＵＩ／ＵＸとは？；ＵＩ／ＵＸを考えるときに見るべきポイント；ＵＩ／ＵＸ視点からデザインの改善をしてみよう；作って終わりではなく「使われるか」を見る；ＵＩ／ＵＸ設計で活用できるプラグインの紹介）

[日販商品データベースより]

●Webデザイナーの必須ツール「Figma」解説書の決定版！
●デザイン初学者はもちろん、デザイナー以外でも理解できる！
●最新機能「Figma Sites」の実践活用までカバー！

　Figma（フィグマ）は近年、多くのデザイナーや企業に選ばれているデザインツールです。Webサイトやアプリのデザインを効率良く制作できるだけでなく、検討や改善、プレゼンなどを含む一連の作業を効果的に進めることができます。クラウドベースなので共同作業にも向いていて、Webデザインなどにおける必須のツールになりつつあります。

　さらに2025年には、デザインしたWebサイトをそのまま公開する新機能「Figma Sites」を搭載し、HTMLなどのコーディングの知識がなくても、Webサイトを制作・公開できるようになりました。

　本書は、そんなFigmaの基本的な操作方法はもちろん、Figma Sitesなどの最新機能の活用法や、「使いやすく訴求力のあるデザイン」に必要なUI/UXの考え方まで、これからのFigma 活用を体系的に学べる１冊です。

　執筆は、現役のデザイン講師として活躍する著者陣。現場で培った実践的な知識をもとに、初心者にも理解しやすく体系的に解説しています。