エンジニアなら知っておきたいFigmaのキホン―ハンズオンで学ぶWeb開発の仕組みと機能

個数:
電子版価格
¥2,970
  • 電子版あり

エンジニアなら知っておきたいFigmaのキホン―ハンズオンで学ぶWeb開発の仕組みと機能

  • ウェブストアに19冊在庫がございます。(2026年07月14日 21時59分現在)
    通常、ご注文翌日~2日後に出荷されます。
  • 出荷予定日とご注意事項
    ※上記を必ずご確認ください

    【ご注意事項】 ※必ずお読みください
    ◆在庫数は刻々と変動しており、ご注文手続き中に減ることもございます。
    ◆在庫数以上の数量をご注文の場合には、超過した分はお取り寄せとなり日数がかかります。入手できないこともございます。
    ◆事情により出荷が遅れる場合がございます。
    ◆お届け日のご指定は承っておりません。
    ◆「帯」はお付けできない場合がございます。
    ◆画像の表紙や帯等は実物とは異なる場合があります。
    ◆特に表記のない限り特典はありません。
    ◆別冊解答などの付属品はお付けできない場合がございます。
  • ●3Dセキュア導入とクレジットカードによるお支払いについて
    ●店舗受取サービス(送料無料)もご利用いただけます。
    ご注文ステップ「お届け先情報設定」にてお受け取り店をご指定ください。尚、受取店舗限定の特典はお付けできません。詳細はこちら
  • サイズ A5判/ページ数 360p/高さ 21cm
  • 商品コード 9784295024477
  • NDC分類 547.48
  • Cコード C3055

出版社内容情報

ITエンジニア向けFigma入門書の決定版
ITエンジニア向けFigma入門書の決定版。エンジニアがFigmaを「業務システム開発の共通基盤」として使いこなし、スムーズな実装へとつなげるための実践ガイドです 。オートレイアウトやコンポーネントといった中核機能を、Flexboxや部品化など馴染みのあるロジックと結びつけて体系的に解説 。変数(Variables)管理やDev Mode、プロトタイプ機能まで網羅しています 。無償プランで「受注一覧画面」を構築するハンズオン形式で、デザインの構造を読み解く「勘所」を習得。デザイナーとの連携に課題を感じているエンジニア必携の一冊です 。


【目次】

内容説明

本書は、エンジニアがFigmaを「業務システム開発の共通基盤」として使いこなし、スムーズな実装へとつなげるための実践ガイドです。オートレイアウトやコンポーネントといった中核機能を、Flexboxのような配置ルールやプログラムの部品化といったエンジニアに馴染みのあるロジックと結びつけて体系的に整理。さらに、変数(バリアフル)によるデザイントークン管理や、開発効率を飛躍的に高めるDev Mode、実機に近い挙動を確認できるプロトタイプ機能まで網羅しています。全体を通し、無償のスタータープランで取り組めるハンズオン形式を採用。実際に「受注一覧画面」を構築しながら、デザインの背後にある構造を読み解く「エンジニアの勘所」を凝縮しました。デザインと開発の境界をなくし、チーム全体の生産性を高めるための知識を提供します。「デザインデータは見る専門」だったエンジニアはもちろん、Webデザイナーとの連携に課題を感じているすべてのエンジニアにおすすめの一冊です。

目次

第1章 無償版でFigmaの基本を理解する
第2章 デザインシステムを理解する
第3章 オートレイアウトのプロパティ設定
第4章 コンポーネントとインスタンスを活用する
第5章 デザイントークンで標準化
第6章 スタイルでテキストのデザインを統一する
第7章 バリアブルとコレクションでカラーを標準化
第8章 エフェクトと文字列、数値の標準化
第9章 Atomic DesignでUIパーツを設計する
第10章 フッターをモジュール化する
第11章 ヘッダーの設計と階層管理
第12章 ステートベースドデザインを理解しよう
第13章 コンポーネントプロパティ
第14章 コンポーネント化の判断
第15章 グリッドとテーブル
第16章 Figmaのその他の機能
【付録1】これだけは覚えておきたい10の操作と10のコツ
【付録2】Figmaのアイコン一覧

最近チェックした商品