A Size Chart helps shoppers choose the right size. It appears next to the Size option on the product page (no try-on required), inside the try-on widget, and beside the try-on result. Size charts in AI Frame are reusable: you create a chart once, then assign it to as many products as it applies to.
Step 1: Open the Size Chart page
In your Shopify admin, go to Apps → AI Frame – Virtual Try-On, then click Size Chart in the app's left menu. You'll see your existing charts, what they're assigned to, and when they were last updated. The header shows X of Y published size charts (green, then orange from 80% — never red). Advanced has unlimited charts, so that meter is hidden.
Step 2: Create or import
Click Add new chart (or, from Get started, stay on Create / import your first Size Charts). At your published cap the button is disabled until you unpublish a chart or upgrade. Published limits: Free 10 / Starter 30 / Growth 100 / Advanced unlimited. You can still save drafts.
Ways to build a chart:
Import from this store: we scan product pages, size-guide pages and the theme for HTML tables (and size-chart images). Matches are saved as drafts — your live store is unchanged. Product matching is pre-filled. Publish one chart at a time when you're ready. One storefront scan per 24 hours; up to 15 chart groups per scan.
Import from photo: snap or upload a photo of a size table. We draft it for you to review before publishing. Use this when the chart on your site is an image, not a table.
Import from CSV or PDF: upload a spreadsheet or a PDF. CSV/Excel needs a header row (Size, Bust, Waist…). Import detects inches when that's what the file uses.
Use a template: pick a category and we prefill the columns. Fastest for most stores.
Build from scratch: start empty and add your own columns and sizes.
Before a draft is created from import, you'll be asked Are these body or garment measurements? — that choice changes how size recommendations work.
Step 3: Pick a template (the easy route)
Templates: Tops (body), Tops (product), Bottoms (body), Bottoms (product), Dresses, Swimwear, Necklaces, Rings, Bracelets, Hats & Headwear, and Shoes.
For tops and bottoms you'll see two versions:
Body measurements: shoppers compare their own measurements.
Product / garment measurements: the garment's actual measurements — useful when items are measured flat.
Edit everything after. A Height Range column can still recommend from height on its own.
💡 Enter body measurements in centimetres, and keep columns consistent across charts.
Want both cm and inches? Next to the size table, choose cm or inches. Switching converts the numbers already in the table. Shoppers get a cm / inches switch on the storefront. See How to Switch Between cm and Inches in Your Size Chart.
Step 4: Say what the numbers describe
In the editor, What do these measurements describe? is required.
Body measurements — the person the size is designed to fit.
Garment measurements — the garment itself. Then pick Measured flat (half circumference) or Measured around (full circumference).
On garment charts, two fields for the whole chart:
How is this garment meant to fit? Tight / Regular / Relaxed / Oversized.
How stretchy is the fabric? 0–20% (0% none · 10% slight · 20% very).
Size Recommender converts garment numbers before matching. It never infers measurements from the try-on photo. See Body vs. Product Measurements.
Step 5: Keep the measurement guide
Templates pre-fill a Measurement guide. Leave it Shown unless you have a reason to hide it.
Step 6: Name your chart and assign it
Give it a clear name (like "Shirts"). Under Assign to products choose All products, Specific products, Specific categories, Tags, Vendor, or Collections. Tags and collections have Match mode ANY or ALL. See How to Link a Size Chart to Specific Products or Collections.
Step 7: Save and publish
Imported charts start as drafts. Shoppers see a chart only when it is Published and assigned. Setup can continue without publishing — Get started lets you Continue without publishing.
On Starter and above, with Size Recommender on, they also see Estimate my size / Your size above Add to cart — height, weight and gender for clothing (age optional), never from the try-on photo.
Managing your charts
Back on Size Chart, click a name to edit, or use the ⋯ menu. Unpublished isn't visible to shoppers. If you still have another size-chart app live, remove it after you publish in AI Frame so shoppers don't see two charts.
Want to match the chart to your brand?
Set header and row colours under Style Your Size Chart on the Size Chart page. See How to Style Your Size Chart.
Need a hand? If anything's unclear, send us a message, we are here to help!