Shikalo▶ 給付で試算
ホームFigma > 教材

「ノンデザイナーのためのFigma入門」(秀和システム)の評判・価格・レビュー

Figmaを学ぶための教材の基本情報・価格・レビュー。

PR・広告を含みます
ノンデザイナーのためのFigma入門の表紙
著者
関憲也 / 秀和システム
価格
2860円 (楽天ブックス)
発売日
2025年01月25日頃
楽天レビュー
3.0(1件)
楽天ブックスで見る ›Amazonで見る ›

Figmaをスクールで学ぶなら、教育訓練給付で最大80%OFF

対象講座なら受講料の最大80%(給付区分・上限・要件あり)が後日戻り、実質負担を抑えられます。独学の本+スクールの併用も。
▶ あなたの講座でいくら戻るか試算(無料・30秒)

スクール教育訓練給付 最大80%
SHIFT TERAS CAMPUS東証上場SHIFTが運営
旧DMM WEBCAMP・教育訓練給付 最大80%対象
受講料 910,800円 → 給付後 約270,800円
✓ 条件を満たせば受講料全額返金の転職保証コースあり(規定あり)
無料相談で適用条件を確認できます
無料で詳細・相談 ›評判・給付の詳しい解説 ›
PR
スクール教育訓練給付 最大80%
ディープロ(DPro)
未経験→Webエンジニア・専門実践給付80%対象
受講料 797,800円 → 給付後 約344,340円
✓ 規定の就職サポート後に内定なしなら受講料全額返金(規定あり)
無料相談で適用条件を確認できます
無料で詳細・相談 ›評判・給付の詳しい解説 ›
PR
スクールリスキリング 最大70%
ポテパンキャンプ
Webエンジニア養成・経産省リスキリング最大70%
受講料 440,000円 → 給付後 実質 約160,000円〜
✓ 規定の就活で内定なしなら受講料全額返金(条件あり)
無料相談で適用条件を確認できます
無料で詳細・相談 ›評判・給付の詳しい解説 ›
PR

はじめての方へ:教育訓練給付のしくみと損しない選び方 / 申請手順5ステップ

学習・開発環境
Cloudflare
作ったサイトを無料で高速化・保護。サーバーレスでアプリ公開もできる。
Freeプラン無料(有料プランあり)
公式で詳細 ›
PR

学んだ後に「作って公開する」ための環境例です。サーバー・ツールは教育訓練給付/補助の対象外です。

※給付率・実質額は区分(一般20%/特定一般40%/専門実践 最大80%)と要件で変わり、即時値引きでなく後日支給です。最終可否はハローワーク・厚労省でご確認ください。掲載はPR(送客手数料を受領)。

この本について

エンジニアやPMなど、デザイナーじゃない人のためのFigma入門。エンジニアリングに興味があるデザイナーにもお薦め。 第1章 Figmaの全体像 第2章 Figmaデザインの見取り図 第3章 FigJamの見取り図 第4章 プロダクトデザインにおけるFigmaデザイン・FigJam 第5章 Figmaデザインで“デザインの値を見る” 第6章 Figmaデザイン&Figma Slidesでコラボラティブなスライドをつくる 第7章 さらに広がるFigmaの世界

判型:単行本

Figmaとは

Figmaは、ブラウザやデスクトップで使えるインターフェース設計向けのデザイン・プロトタイピングツールです。画面レイアウト、文字、図形、画像などを一つのキャンバスで編集でき、共有や同時編集もしやすくなっています。UI設計の作業と開発への受け渡しを接続しやすい環境として広く使われます。

こんな人向け:想定読者はデザイン基礎を学び始めた人、企画や開発と橋渡しする担当者です。図形の配置や文字設定など、画面の見た目を作る基礎操作に触れていると理解が進みやすいです。

独学ロードマップでの位置

学習はまず基礎操作を理解し、次に共通部品の設計へ進みます。最後にプロトタイプとレビュー運用を学ぶと、単発作業ではなく継続的に使える知識になります。

  1. UIの基本構成とツールの扱いを確認し、主要な操作を触ってみる。
  2. 図形や文字、カラー、タイポグラフィを使って簡単な画面を再現し、表示の考え方を固める。
  3. コンポーネント化とスタイル管理を使って、同種パーツを整然と再利用できるようにする。
  4. オートレイアウトや制約を使い、画面幅や余白の変化に耐える構造を作る。
  5. 画面遷移を作成し、コメント、バージョン履歴、共有設定まで一連で試してレビュー手順を体験する。

独学で足りる?体系的に学ぶ選択肢

独学では、1冊を最初から最後まで読むより、テーマを分けて往復する方が定着しやすいです。写経だけで終わらず、学んだ内容を自分の目的の画面に置き換えて作ることで判断力が育ちます。教材は図が分かりやすく、実務に近い作業を段階的に再現できるかどうかで選ぶと失敗しにくいです。

独学が不安な人や期限がある人は、課題提出とレビューが設計されている学習形態が適しています。サービス名を決めつけず、添削の軸・コミュニティの有無・学習の進行管理が見えるかを比較すると選びやすくなります。 ▶ 給付でいくら戻るか試算

よくある質問

Q. Figmaはデザイン経験がなくても始められますか?

最初は独特の操作概念が多く、戸惑う場面はあります。ただし基本操作は反復しやすく、視覚的に確認しながら進めれば習得できます。最初から高度な機能を詰め込まず、最小単位の作成→確認→整える流れを繰り返すのが確実です。

Q. 実務では設計だけでなくチーム共有も必要ですが対応できますか?

Figmaは画面作成だけでなく、共有リンク、コメント、履歴管理が同じ流れで使える点が強みです。仕様の意図をコメントで残すだけで、関係者間の認識違いを減らしやすくなります。教材を選ぶときは、レビュー運用まで扱うかどうかが実務適合性の判断軸になります。

Q. 独学と体系講座はどちらを選ぶべきか迷います

独学は自分の都合で進められ、理解したい点を深掘りしやすい点が強みです。一方、順番を間違えると停滞しやすく、挫折のリスクがあります。期限や継続の不安が強い場合は、進捗と添削が組み込まれた方式を併用するとバランスが取りやすいです。

次の一冊:次に読む方向性としては、デザインシステム基礎や情報設計、UX改善の考え方に進むのがおすすめです。Figma操作の次に、画面をどう評価し改善するかまで広げると選書判断に役立ちます。

Figmaの関連教材

Figma for UIデザイン[日本語版対応] アプリ開発のためのデザイン、プロトタイプ、ハンドオフの表紙
Figma for UIデザイン[日本語版対応] アプリ開発のためのデザイン…
2750円
Figmaデザイン入門〜UIデザイン、プロトタイピングからチームメンバーとの連携まで〜の表紙
Figmaデザイン入門〜UIデザイン、プロトタイピングからチームメンバーとの…
2860円
Figma for デザインシステム デザインを中心としたプロダクト開発の仕組み作りの表紙
Figma for デザインシステム デザインを中心としたプロダクト開発の仕…
3080円
OD>FigmaとSvelteKitで学ぶやさしいWeb開発の表紙
OD>FigmaとSvelteKitで学ぶやさしいWeb開発
2200円
デザインの学校 これからはじめるFigmaの本の表紙
デザインの学校 これからはじめるFigmaの本
2420円
Figmaではじめるデザインコラボレーションの表紙
Figmaではじめるデザインコラボレーション
2860円

Figmaの教材をもっと見る ›

給付対応スクール給付でいくら戻る?試算