ようこそ!
文庫
新書・選書
文芸
教養
人文
教育
芸術
児童
趣味
生活
地図・ガイド
就職・資格
語学
小学学参
中学学参
高校学参
辞典
コミック
ゲーム攻略本
エンターテイメント
日記手帳
社会
法律
経済
経営
ビジネス
理学
工学
コンピュータ
医学
看護学
薬学
出版社名:インプレス
出版年月:2026年6月
ISBN:978-4-295-02447-7
352P 21cm
エンジニアなら知っておきたいFigmaのキホン ハンズオンで学ぶWeb開発の仕組みと機能
梅田弘之/著
組合員価格 税込 2,673
(通常価格 税込 2,970円)
割引率 10%
在庫あり
生協宅配にてお届け
※お盆前後は商品のお届けが通常より遅れる場合がございます。
内容紹介・もくじなど
本書は、エンジニアがFigmaを「業務システム開発の共通基盤」として使いこなし、スムーズな実装へとつなげるための実践ガイドです。オートレイアウトやコンポーネントといった中核機能を、Flexboxのような配置ルールやプログラムの部品化といったエンジニアに馴染みのあるロジックと結びつけて体系的に整理。さらに、変数(バリアフル)によるデザイントークン管理や、開発効率を飛躍的に高める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のアイコン一覧