けん@学生

自分が独学で学んだことを発信する

VScodeにAdobeXDの拡張機能を入れてみた

 

adobeそれは有名なデザインソフトツールを作る会社である。

そのadobeから出ているadobeXDの拡張機能VScodeに追加されたのである。

Adobe XD for Visual Studio Code 

これはAdobeXDで作成された 色情報、 文字サイズ、 書体、 などがcssやsassのファイルになって作成される拡張機能である。

 

adobeXDでドキュメントアセットに編集したカラーと文字スタイルである。

f:id:qgenhate:20201031002028p:plain

xd

 

これをCleative Cloudに共有してそのアドレスをVScodeの読み込ませるとこうなる

 

f:id:qgenhate:20201031002233p:plain

vscode

start editingを押してend editingを押すとscssファイルが生成される。

f:id:qgenhate:20201031002348p:plain

scssファイル

生成されたscssファイルである