VS CodeのAdobe XD用拡張機能が登場! デザインシステムにもとづきコード出力と補完が可能に Microsoftが開発を行っている無償のエディター「VS Code」にAdobe XD用の拡張機能「Adobe XD extension」が登場しました。 この拡張機能を使うことで、Adobe XD上で作成したデザインアセットをVS Code上で参照・編集できるようになります。デザイナーとエンジニア間の溝を埋めることができ、デザインシステム構築のハードルが下がるでしょう。 今回の記事では、「Adobe XD extension」の活用方法を紹介します。コーディングの際に活躍する拡張機能ではありますが、Adobe XDを使ったデザイン段階でのひと工夫も必要になりますので、デザイナーの方も理解しておくとプロジェクトの進行がスムーズになるでしょう。 「Adobe XD extension」と
![VS CodeのAdobe XD用拡張機能が登場!デザインシステムにもとづきコード出力と補完が可能に - ICS MEDIA](https://cdn-ak-scissors.b.st-hatena.com/image/square/46bcb1ee37071577b01e1512ac2c446808d75071/height=288;version=1;width=512/https%3A%2F%2Fics.media%2Fentry%2F210107%2Fimages%2Feyecatch.jpg)