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コードスニペットには、カラー、シャドウ、グラデーション等のプロパティが反映されています。

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