Design & Interactive Experiences

The new Adobe XD extension for Visual Studio Code allows developers to visually map design sources created in XD and available in Creative Cloud Libraries, to platform-specific code using design tokens.

Extension for Visual Studio Code - Raw HTML + CSS snippets of common UI components.

Learn how to create useful UI components with step-by-step guides, ready-to-use code snippets and Figma files. Code you can just copy & paste in your frontend projects.

Extension for Visual Studio Code - Adds cost indicator to css properties in the form of inline decorations

Extension for Visual Studio Code - Helps you identify reoccurring CSS class name combinations in your markup.

Extension for Visual Studio Code - CSS class name completion for the HTML class attribute based on the definitions found in your workspace.

Extension for Visual Studio Code - Generate CSS classes from HTML structure