for Adobe, the folder should be named "com_adobe"). Its subfolders must follow the reverse domain name convention of "com_partner_name" (e.g. This folder could hold files written by third party tools.
ADOBE XD DESIGN SYSTEM CODE
Dist also contains non-platform-specific code such as the Style Dictionary input files and folders ( config and properties). Examples of folders created by a build system are /android, /css and /styledictionary. This folder contains platform-specific code generated by a build system.įor example, the Adobe XD extension for Visual Studio Code has Style Dictionary as its build system. File examples are components.json, docs.json, fonts.json and tokens.json. This folder contains all of the data that comprises the DSP format. This folder contains all the static assets included in the DSP, such as SVG or PNG files. These are the contents of each DSP folder: img, iframe), component-specific tokens, code snippets, and tags.
Package formatĪ Design System Package (DSP) is a folder containing subfolders with assets and JSON files that represent design system information: This document describes the Design System Package (DSP) structure, including details of how each internal file or folder should be used. Design System Package (DSP) documentationĭSP is a new open-format folder-structure created to help teams share design system information across tools.