アドビ、Web連載「Adobe XDでウェブデザインを加速する!」更新

アドビ株式会社が、Web連載「Adobe XDでウェブデザインを加速する!」を更新しています。
今回は、「変更もラクラク!CCライブラリ&アセットパネルでスタイルを管理」です。

ウェブデザインには同じボタンや文字スタイルが繰り返し登場します。CSSでのスタイリングを前提とするなら、一度つくったデザインアセットをコピー&ペーストして複数配置する方法は大変理に適っています。ですが、変更が入ったときに、何か所も同じ修正を繰り返すのはちょっと面倒です。そこで今回はAdobe XDのアセットパネルとCCライブラリを活用したスタイル管理の手法を紹介されています。

主な内容は以下の通りです。
・CCライブラリでスタイルを管理する
・アセットパネルでスタイルを管理する
・アセットパネルにアセットを追加する
・アセットの一括変更
・コンポーネントを使ってスタイルを管理
・コンポーネントの登録と削除
・コンポーネントの関係と特性を理解しよう
・メインコンポーネント(親)の編集
・インスタンス(子)の編集
・コンポーネントで状態の変化を表現する
・ホバーのステートを追加する

詳しくはこちら>>