内容紹介：デザイナーとして一歩先にいくためにデザインの一貫性を保ち、チームの生産性を向上させ、ユーザー体験を高める本書はＦｉｇｍａによるデザインシステムの構築を学べるガイドブックです。「デザインシステムとは何か」から始めているので初学者でも安心して学べます。また「デザインシステムには興味があるけど何から始めてよいかわからない」といった方の参考になるように、次に作るコンポーネントから導入できる手法を数多く解説しています。Ｆｉｇｍａによるデザインシステムの構築には、高度な機能を使いこなす必要があります。コンポーネントやスタイルのモジュール性、デザイントークン、バリアント、バリアブル（変数）などは、従来のデザインツールには存在しなかった概念であり、プログラミングの考え方やベストプラクティスを色濃く反映しています。デザイナーは、これらに関する機能を理解し適切に使用することで、コンポーネントのＡＰＩやコードへの連携方法を設計できます。Ｆｉｇｍａは、デザイナーがレイアウトやインタラクションなどの視覚的な領域から飛び出し、エンジニアとのコラボレーションを強化する後押しをしてくれます。デザインシステムは、Ｆｉｇｍａの初歩的な操作方法を理解されている方のステップアップとしても最適なテーマです。まだ実務に必要がないと思う方でも、本書で解説する機能を使いこなせれば、既存のデザインプロセスを改善できるはずです。〈デザインシステムのメリット〉１デザインと開発を効率化し、利用者の課題解決に集中する２大規模なサービスで素早く改善サイクルを回す３一貫性を担保し、サービスを使いやすくする４開発チームの円滑なコミュニケーション〈こんな人のための本です〉・Ｗｅｂデザイナー・ＵＩ／ＵＸデザイナー・サービスやプロダクトの開発者〈目次〉Ｃｈａｐｔｅｒ　１デザインシステムを知るＣｈａｐｔｅｒ　２プロフェッショナルなＦｉｇｍａＣｈａｐｔｅｒ　３デザインシステムをはじめるＣｈａｐｔｅｒ　４デザイントークンＣｈａｐｔｅｒ　５タイポグラフィＣｈａｐｔｅｒ　６デザインシステムの拡充Ｃｈａｐｔｅｒ　７パターンライブラリＣｈａｐｔｅｒ　８実装コードとの連携
ＵＩデザイナーとして一歩先に行くために。本書はＦｉｇｍａを使ったデザインシステムの構築方法が学べるチュートリアルです。「デザインシステムとは何か」から始まり、実践を通して「どのように作るのか」を学べます。具体的な作例を用いて段階的に構築していくので、「デザインシステムに興味があるけど何から始めてよいかわからない」といった方や、Ｆｉｇｍａの初歩的な操作方法を理解している方のステップアップとしても最適です。「デザインシステムはまだ必要ない」という方でも、本書で解説する機能を使いこなせば、既存のデザインプロセスを改善できるはずです。
もくじ情報：１　デザインシステムを知る；２　プロフェッショナルなＦｉｇｍａ；３　デザインシステムをはじめる；４　デザイントークン；５　タイポグラフィ；６　デザインシステムの拡充；７　パターンライブラリ；８　実装コードとの連携

沢田　俊介(サワダ　シュンスケ)
ＵＩ／ＵＸデザイナー、グラフィックデザイナー、プロダクトマネージャー、ソフトウェアエンジニアなど、幅広いポジションで１５年以上ものづくりに携わる。国内外問わずフリーランスとして活動、スタートアップ企業や新規事業を中心としてウェブ開発とモバイルアプリ開発を多数経験。現場で身につけたスキルをもとにオンライン講座を公開しており、４０，０００人以上の受講生から高い評価を得ている（本データはこの書籍が刊行された当時に掲載されていたものです）