Shopify has launched Canvas, a new site-building tool that lets merchants design and customise their online store simply by chatting with Sidekick, the company's AI agent. Announced on October 1, Canvas renders the real code behind a store in real time, so merchants can watch their storefront take shape as the AI works. Shopify says a customised store can now be built in roughly 20 minutes, a process that could previously take weeks even for people comfortable with code.
This guide explains what Canvas does, how to get the best results from it, and the limitations to keep in mind while the tool is still in its early stages.
What Shopify Canvas Actually Does
Until now, Shopify's no-code editor worked by rearranging modular sections and blocks within a chosen theme. Anything beyond that, such as custom layouts or unusual interactions, usually meant editing theme code or hiring a developer.
Canvas changes the workflow in a few important ways:
- Conversational editing: You describe what you want, and Sidekick makes the changes.
- Live rendering: Canvas shows the actual store code running, not a static mock-up, so you can test interactivity, animations and responsive layouts.
- Visual awareness: Sidekick takes screenshots of the work as it progresses, so it sees what you see.
- Direct control: You can still click individual elements to edit them by hand whenever you prefer.
To make this possible, Shopify gave Sidekick direct access to theme files and simplified its theme architecture so the AI can understand and modify it reliably.
A Step-by-Step Approach to Your First Store
Canvas is designed to be intuitive, but a structured approach helps you get to a polished result faster.
1. Start with a clear brief
Before opening Canvas, write down your brand basics: what you sell, who your customer is, the mood you want (minimal, playful, premium), your brand colours and fonts, and two or three stores you admire. Paste this into your first message to Sidekick so it has strong context from the start.
2. Build the structure before the details
Ask Sidekick to set up the overall layout first: homepage sections, navigation, product grid and footer. Once the skeleton looks right, move on to typography, imagery and micro-interactions. Making broad changes after fine-tuning details often undoes earlier work.
3. Give specific, one-change-at-a-time instructions
Instead of asking for a better homepage, try instructions like make the hero headline larger and left-aligned or add a three-column benefits section under the hero with icons. Specific prompts produce more predictable edits and make it easier to spot what changed.
4. Check every screen size
Because Canvas renders the real store, use its responsive previews to check mobile, tablet and desktop views after each major change. Most ecommerce traffic is mobile, so treat the phone view as the primary design.
5. Test interactions like a customer
Click through menus, product cards, filters and the cart. Animations and hover effects run live in Canvas, so you can catch clunky transitions before customers do.
6. Fine-tune by hand where it is faster
For small copy tweaks or swapping an image, clicking directly on the element is often quicker than describing the change. Use chat for structural and stylistic work, and manual edits for precise touch-ups.
Current Limitations to Know
Shopify describes Canvas as an early product, and it will not replace the existing online store editor for now. According to TechCrunch, the first release does not support:
- Third-party themes.
- App blocks and extensions.
- Markets and translations for multi-region stores.
- Theme rollouts and updates.
- Mobile editing, as Canvas is currently desktop-only.
Shopify says these capabilities are planned for future updates. If your store relies heavily on apps, multiple languages or a purchased third-party theme, it may be best to experiment with Canvas on a test or secondary store first.
Why It Matters
Canvas is part of a broader wave of AI website builders from companies such as Wix, Squarespace, Webflow and Framer, alongside vibe-coding platforms like Lovable and Replit. What sets Shopify's approach apart is that the AI works directly on a production-grade commerce theme, connected to products, checkout and inventory, rather than generating a standalone website.
For small merchants, that could dramatically lower the cost and time of launching a distinctive store. For agencies and developers, it shifts the value toward strategy, conversion optimisation and complex integrations rather than routine layout work.
Best Practices for Using AI Store Builders Safely
- Keep a backup of your current live theme before making large AI-driven changes.
- Review copy carefully, since AI-generated text can introduce inaccurate product claims.
- Check accessibility, including colour contrast and alt text for images.
- Measure results with your analytics after publishing, and iterate based on real customer behaviour.
