エンジニア向けFigma『エンジニアなら知っておきたいFigmaのキホンハンズオンで学ぶWeb開発の仕組みと機能』を3名様にプレゼント

【申込は9/18まで】書籍『エンジニアなら知っておきたいFigmaのキホンハンズオンで学ぶWeb開発の仕組みと機能』を3名様にプレゼントします。

9月11日 10:00

今すぐ応募する!

著者：: 梅田弘之
価格：: 2,970円（税込）
ページ数：: 360ページ
出版社：: インプレス
ISBN：: 978-4295024477

書籍を詳しく調べる

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

この本を読んで欲しい人

Figmaの基本操作や機能を学びたいエンジニア
UI設計やデザインシステムの考え方を身につけたいビジネスパーソン
デザインと実装の連携をスムーズにしたいWeb開発者

デザインと開発をつなぐ！エンジニアのためのFigma入門書の決定版

現場のデザイナーとの連携に課題を感じているエンジニア必見！

本書は、Figma（フィグマ）を「業務システム開発の共通基盤」として使いこなし、スムーズな実装へとつなげるための実践ガイドです。

オートレイアウトやコンポーネントといったFigmaの中核機能を、Flexboxのような配置ルールやプログラムの部品化など、エンジニアにとってなじみのある考え方と結びつけながら体系的に解説。

変数（Variables）によるデザイントークン管理や、開発効率を高めるDev Mode、実機に近い挙動を確認できるプロトタイプ機能まで網羅しています。

無償プランで実際に「受注一覧画面」を構築するハンズオン形式なので、手を動かしながらデザインの構造を学べるのもポイント。UI設計の理解を深めたいエンジニアにおすすめの一冊です。

プレゼント応募要項

応募締切: 2026年9月18日（金）23:59
当選者数: 3名様
応募方法: 下記応募フォームに必要事項をご記入して応募をお願いします。当選者の発表はプレゼントの発送をもって代えさせていただきます。

［個人情報の取り扱いについて］：
入力いただいたご連絡先にWeb担当者Forumのメールマガジンをお送りします。また、弊社（株式会社インプレス）より関連セミナーの開催や、資料ダウンロードなどのご案内（協賛企業のものを含む）をお送りさせていただきます。ぜひご活用いただければ幸いです。なお、ご不要の場合は、いつでも停止いただけます。詳しくはお送りいたしますメール巻末をご覧ください。

お預かりした個人情報につきましては、細心の注意をもって管理してまいります。当社の個人情報の取り扱いにつきましては、プライバシーポリシーにて公開しております。また、個人情報についてのお問い合わせは、データマーケティング推進室（Email:[email protected]）までお寄せください。

この記事のキーワード：

この記事をシェアしてほしいパン！