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