Shop Canvas is a commerce engine for Framer. It brings your Shopify catalog into Framer so you can design product experiences on the canvas while Shopify runs real checkout.

What it does

Sync Shopify products into a Framer CMS collection

Add commerce components for products, variants, quantity, cart, and checkout-related UI

Design storefront pages in Framer instead of fighting a theme

Paste your shop domain and a public Storefront token

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

Who it’s for

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

Setup

Install Shop Canvas

Paste your shop domain and a public Storefront token

Sync products and place components on the canvas

Publish in Framer; checkout stays on Shopify

Docs and remix: shopcanvas.ai

Framer plugin: framer.com/marketplace/plugins/shop-canvas/