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. Here's how to set one up.
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 size charts listed here, with the products each one is assigned to and when it was last updated. Top right shows X of Y size charts in use (green, then orange from 80% — never red). Advanced has unlimited charts, so that meter is hidden.
Step 2: Click "Add new chart"
Click Add new chart to open the Create sizing screen. If you're at your plan cap, that button is disabled — delete a chart or upgrade first. Limits: Free 1 / Starter 10 / Growth 20 / Advanced unlimited.
You have three ways to build your chart — pick whichever suits you:
Build a size chart from scratch: start with an empty chart and add your own columns and sizes.
From CSV file: upload a CSV or Excel file with your existing size chart data. Perfect if you already have your charts in a spreadsheet. Import detects inches when that's what the file uses.
Use a template: pick a category and we prefill the columns for you. This is the fastest way for most stores.
Step 3: Pick a template (the easy route)
Templates are available for: 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: the chart lists body measurements (like chest and waist) — shoppers compare their own measurements to find their size.
Product / garment measurements: the chart lists the garment's actual measurements — useful when your items are measured flat.
Pick the one that matches how you measure. The template fills in sensible columns and size rows, and you can edit everything — click into any header or cell to change it, add or remove columns and rows as needed. A Height Range column can still power a size recommendation from height on its own.
💡 A little tip: enter body measurements in centimetres, and keep your columns consistent across charts — it makes sizing feel familiar for repeat shoppers.
Want to show both cm and inches? Next to the size table, choose cm or inches. You fill in one unit — switching the control 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. It affects size recommendations.
Body measurements — the measurements of the person the size is designed to fit.
Garment measurements — the measurements of the garment itself. Then pick Measured flat (half circumference) or Measured around (full circumference).
On garment charts, two extra fields appear — two knobs for the whole chart, not five per measurement:
How is this garment meant to fit? Tight / Regular / Relaxed / Oversized.
How stretchy is the fabric? 0–20% (hint: 0% none · 10% slight · 20% very).
Same body + same table numbers can recommend a different size depending on stretch and design intent (a rigid slim shirt vs a stretch jersey vs an oversized hoodie). Size Recommender converts garment numbers into a body-equivalent 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 (how-to-measure steps plus a diagram). Leave it Shown unless you have a reason to hide it. Shoppers who measure correctly return less.
Step 6: Name your chart and assign it
Give your chart a clear name (like "Shirts" or "Rash Guards") so you can recognise it in your list. Then under Assign to products choose how it applies: All products, Specific products, Specific categories, Tags, Vendor, or Collections. Tags and collections have a Match mode (ANY or ALL). One chart can cover a whole shirts group. Full detail: How to Link a Size Chart to Specific Products or Collections.
Step 7: Save
Save and publish your chart and it's live: shoppers will see Size Chart next to the Size option, and in the try-on, on every product it's assigned to. 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 the Size Chart page, your charts are listed with their assigned products. Click a chart's name to edit it, or use the ⋯ menu for more options. A chart marked Unpublished isn't visible to shoppers yet.
Want to match the chart to your brand?
You can set the header and row colours for your size chart tables and pick the Size Chart button icon, right here on the Size Chart page under Style Your Size Chart. See How to Style Your Size Chart.
Need a hand? If anything's unclear, send us a message, we are here to help!