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.