書籍
書籍

デザインからサイト構築まで FigmaだけでWeb制作

0.0

販売価格

¥
2,860
税込
還元ポイント
26pt

販売中

在庫わずか
発送目安
当日～翌日

・在庫状況 について

・各種前払い決済は、お支払い確認後の発送となります(Q&A)

在庫表示と発送目安について
この商品を出品する
店舗取り置きサービスについて
この商品のコレクション情報を確認する
コレクション機能とは？
フォーマット 書籍
発売日 2025年11月21日
国内/輸入 国内
出版社日経BPマーケティング
構成数 1
パッケージ仕様 -
SKU 9784296209309
ページ数 224
判型 A5

構成数 : 1枚

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設計で活用できるプラグインの紹介

  1. 1.[書籍]

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

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

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

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

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

作品の情報

メイン

メンバーズレビュー

レビューを書いてみませんか？

読み込み中にエラーが発生しました。

画面をリロードして、再読み込みしてください。