連載

Adobe XDとBootstrapで作業を効率化

久保 知己

Adobe XDとBootstrapで作業を効率化 第3回: デザイントークンでつなぐAdobe XDとBootstrap

前回の記事では、Adobe XDを使ってデザインガイドを作成し、登録したカラーやコンポーネントには「デザイントークン」として名前を付けました。今回は、デザイントークンを使って、デザインガイドとBootstrapを連携させ...

久保 知己

Adobe XDとBootstrapで作業を効率化 第2回: UIキットをデザインシステムLiteのデザインガイドに落とし込む

前回の記事では、デザインシステムを構成する2つのガイドライン、そして2つのキーワード、最後に「デザインシステムLite」のコンセプトを紹介しました。 本記事は、デザインシステムLiteの具体的なサンプルを紹介しつつ、最初...

久保 知己

Adobe XDとBootstrapで作業を効率化 第1回: 中小規模のサイトに有効なデザインシステムLiteとは | アドビUX道場 #UXDojo

この連載では、Adobe XD、UIキット、CSSフレームワークといったツールを使用して、Web制作の作業を効率的に行う方法をお伝えしていきます。これらのツールを連携させれば、デザインとコーディングの作業を円滑に進められ...