PWA Studio XD Kit
Expedite your Adobe Commerce storefront design.
We've put together a collection of resources that are compatible with PWA Studio to help you kick-start your next storefront design in Adobe XD.
Just edit the provided assets, symbols, and templates to match your brand and experience.
Have questions or feedback? Let us know at xdcommerce@adobe.com.
What's in the kit?
Venia Theme
Our Venia theme for a B2C Apparel storefront includes a variety beautifully designed UI components.
Commerce Themes
Over 10 core commerce templates, including Homepage, PLP, PDP, Checkout, and more.
Design System
Over 80 design system components, including buttons, form fields, and more.
Responsive Layouts
Support for both desktop and mobile breakpoints for responsive designs.
Multiple Assets
A variety of editable XD assets you can use to support your branding with color swatches, fonts, and much more.
Design Tutorial
In this introductory tutorial, you'll build and preview your first project with Adobe XD to create great user experiences in five easy steps.
Prototypes Tutorial
In this tutorial, you'll take a look at building out a fully interactive prototype with features like auto-animate, drag gestures, and speech recognition.
Components Tutorial
In this introductory tutorial, you'll build out a library of colors, character styles, and components to create a fully published Creative Cloud Library.
Collaboration Tutorial
In this introductory tutorial, you'll learn the variety of ways you and your stakeholders can interact throughout the design to development process.
E-Commerce Tutorial
This guide walks through the process of designing an e-commerce site using Adobe XD. From product page to checkout, you'll learn best practices along the way.
PWA Studio on GitHub
Adobe's PWA Studio provides tools developers need to build complex Progressive Web Applications on top of Adobe Commerce and Magento Open Source stores.
PWA Studio DevDocs
The PWA Studio developer documentation provides the introductory tutorials and reference documentation needed to build PWA applications for Adobe Commerce.