terewtracking.blogg.se

Adobe xd design system
Adobe xd design system











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.

  • Component documentation including markdown sections with support for basic HTML (e.g.
  • Collections of tokens, such as typography tokens (e.g.
  • As well as documentation in markdown, and tags to help with search.
  • Agnostic design tokens such as color, size, custom (numeric, string or boolean) and aliases.
  • version number, status, languages/ platforms).

    adobe xd design system

    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.











    Adobe xd design system