Adobe XD extension for Visual Studio Code coming this month

Reading time icon 1 min. read


Readers help support MSpoweruser. We may get a commission if you buy through our links. Tooltip Icon

Read our disclosure page to find out how can you help MSPoweruser sustain the editorial team Read more

Adobe XD Visual Studio Code

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.

More about the topics: Adobe XD extension, Visual Studio Code