Adobe XD extension for Visual Studio Code coming this month

Adobe XD Visual Studio Code

Adobe recently announced that Adobe XD extension for Visual Studio Code is coming this month. This new Adobe XD extension for Visual Studio Code will allow designers to visually map design sources created in XD and available in CC Libraries, to platform-specific code using Design Tokens. Adobe also announced that design teams will be able to create shareable Design System Packages (DSP) that contain all the information developers need to consume while coding.

A Design System Package (DSP) is a folder containing subfolders with assets and JSON files that represent Design System information:

  • Documentation Pages (e.g. Introduction, Principles)
  • Agnostic Design Tokens as color, size, custom and aliases
  • Collections of tokens, such as fonts (Typography)
  • Component Documentation (Markdown sections, code snippets, etc)

You can check out the video below for more details.

Announcement: Adobe XD extension for Visual Studio Code and Design System Packages (DSP) from Demian Borba on Vimeo.

Some links in the article may not be viewable as you are using an AdBlocker. Please add us to your whitelist to enable the website to function properly.

Related
Comments