Adobe XD CSSコード自動生成機能を追加(2019年8月)

U3
2019/8/15
2024/11/7

https://blogs.adobe.com/japan/cc-web-xd-august-2019-update-auto-css-plugins-panel-more/


デザインスペックの出力結果を確認すると、右下隅にCSSパネルがあり、そこにアートボード上で選択したエレメントのCSSコードスニペットが表示されていることがわかります。CSSコードは動的に生成されるため、例えばデザインのカラーモードを変更すると、それは自動的にCSSに反映されます。そういったデザイン変更を最終確定した後、開発者がすべきことはただCSSパネルに表示されたコードをクリック&ドラッグで範囲選択し、確定したコードとしてクリップボードにコピーするだけです。自動生成されたCSSコードスニペットには、カラー、シャドウ、グラデーション等のプロパティが反映されています。

コメント

コメントはまだありません。