Shop Canvas

About Shop Canvas

Shop Canvas

Shop Canvas is a commerce engine for Framer. Sync your Shopify catalog into Framer CMS, design product experiences on the canvas, and keep real checkout on Shopify.

What it does

  • Sync Shopify products into a Framer CMS collection

  • Drop in commerce components for products, variants, quantity, cart, and checkout-related UI

  • Design storefront pages in Framer instead of fighting a theme

  • Connect with your shop domain and a public Storefront API token

  • Run setup checks for connection, sync, and storefront readiness before you publish

Who it’s for

Framer designers building Shopify storefronts who want full design control in Framer and commerce reliability from Shopify.

Setup

  1. Install Shop Canvas from the Marketplace

  2. Paste your shop domain and a public Storefront token

  3. Sync products and place components on the canvas

  4. Publish in Framer — checkout stays on Shopify

Docs and remix: https://shopcanvas.ai/