Storefronts, designed properly.
Commerce integrations are planned. Nothing on this page is available today.
Shopify and WooCommerce support has not been built. You cannot connect a store to Studio right now, and no part of the behaviour described below is running. This page exists so the plan is on the record, not to imply a product.
The intent is a clean division of labour. Your store keeps products, orders, customers and collections where they already live. Studio will design everything the customer sees.
Planned platforms
Two integrations are on the roadmap.
Both are designed and neither is started. When one ships, the badge here changes and so does every other mention of it on the site.
Shopify
PlannedConnect a Shopify store and build its storefront, product pages and collections in Studio.
WooCommerce
PlannedConnect a WooCommerce store and design its storefront in Studio.
Planned architecture
The store keeps the data. Studio designs the surface.
Rebuilding commerce infrastructure would be a worse product and a longer wait. The plan is to leave the store exactly where it is and take responsibility only for what the customer looks at.
Diagram — planned architecture, not a shipped integration
PlannedYour store
Shopify or WooCommerce
- —Products and variants
- —Inventory
- —Orders
- —Customers
- —Collections
- —Checkout and payments
Skode Studio
Design and front end
- —Storefront layout
- —Product page design
- —Collection pages
- —Cart and checkout UI
- —Navigation and content
- —Design system and theme
Nothing in this diagram is wired up. It describes where the boundaries will sit if and when the integrations are built.
Planned scope
What we intend to build.
Written in future tense because none of it exists. This is the scope we are designing against, not a release list with dates attached.
Storefront builder
You will be able to lay out a home page, navigation and content sections against a connected store.
Product layouts
Gallery, variant selector, price, description and add-to-cart will be arranged as sections rather than theme code.
Collections
Collection and category pages will render from the store catalogue with grids you control.
Product pages
One design will apply across every product, with room to override a specific page when a launch needs it.
Cart experiences
Cart drawer, cart page and the hand-off into the store checkout will be designable surfaces.
Conversion-focused design
Sections will be built around the decisions a shopper makes — price clarity, trust, delivery, returns.
Responsive commerce
Every commerce section will ship responsive, as the rest of the section library already does.
Design system
Commerce sections will read the same project tokens as the rest of the site, so a store looks like the brand.
AI assistance
Describing a product page in a sentence will compose it from commerce sections, the way it works for marketing pages today.
Available today
The foundation commerce will sit on already works.
These are shipped features of Studio right now, for ordinary sites. Commerce is the application of them to a store, and that part is the part that does not exist yet.
Design system
Colour, type, corner radius, shadow and spacing are global tokens. Change one, every page follows.
Responsive output
Sections are built responsive, so what you publish works on phones without a separate mobile pass.
Section library
Every page is assembled from 33 responsive sections that are tested before they reach your canvas.
Publishing
Publish to a live skode.ai address in one click, with HTTPS handled for you.
You can build and publish a marketing site for a store today — landing pages, campaigns, brand pages. What you cannot do is read a product catalogue or take an order through Studio.
Not yet
Commerce is coming. It is not here.
Until it ships, Studio is a good way to build everything around your store. When the integrations land, this page will stop being written in future tense.