Smart Sizes empowers designers to create multiple variations of the same design by resizing the canvas and moving elements around to create different looking…
·
Hi guys👋We have an exciting new feature we’ve been working on that we can’t wait to share with you.It’s called Smart Sizes. Basically it’s a feature that allows a designer to create multiple variations of a single design by varying the canvas size and elements’ properties to come up with entirely different looking layouts.So, imagine you have a card product in three sizes: Landscape, Portrait and Square. In the past you would have to create these as three separate designs and find ways to wire them to a single product.Well, using this feature, you start by creating the first size, placing every element nicely to your taste.
Size 1 - 8.6cm by 5.4cm
Next, you simply enable the Smart Sizes on that page and click the plus sign to add a new size:
By design, the next size is a swap of the Width and Height but you can always adjust the values in the page configuration as you would resize a page.
Size 2 - 5.4cm by 8.6cm
After adding a new size, it’s necessary to reposition or resize the elements to fit well with the new size.And you can add a third or forth size as you wish.
The panel below will be shown on the App product page if Smart Canvas is enabled. With this, your customers can pick which design layout they love.
When adding new elements to the canvas they need to be positioned in both instances, for it to display correctly.To enable Smart Canvas go to your designs page in the admin, open the design where you would like to enable Smart Canvas. You should see the below option on your left enable it and start by adding a new smart page by clicking the plus icon⊕
And for it to appear in the Front App, you will need to update your Layout to the latest
Do give it a try and sure let us know if you require any assistance setting this feature up on your products.Please review our plugin and receive a $25 voucher if you’re one of the first 100 people to do so, you can review by using this link https://review.capterra.com/Feedback-PitchPrint-180523-3107660498.
{"docsConfig":{"theme":"mint","$schema":"https://mintlify.com/docs.json","name":"PitchPrint","colors":{"primary":"#6022E7","light":"#8B5CF6","dark":"#4C1BC4"},"logo":{"light":"https://mintcdn.com/pitchprint/lFqp-OsyXnf1Fc9b/brand/logo/light.svg?fit=max\u0026auto=format\u0026n=lFqp-OsyXnf1Fc9b\u0026q=85\u0026s=ec857289e0ade69316f8eff623821ad8","dark":"https://mintcdn.com/pitchprint/lFqp-OsyXnf1Fc9b/brand/logo/dark.svg?fit=max\u0026auto=format\u0026n=lFqp-OsyXnf1Fc9b\u0026q=85\u0026s=504b6c4556dad8a811dd61d2b802ecce"},"favicon":"https://mintcdn.com/pitchprint/lFqp-OsyXnf1Fc9b/brand/favicon.svg?fit=max\u0026auto=format\u0026n=lFqp-OsyXnf1Fc9b\u0026q=85\u0026s=b6f4f01ffcc134da4657f0b0d0a1b395","navbar":{"links":[{"href":"https://pitchprint.com","label":"Website"}],"primary":{"type":"button","label":"Dashboard","href":"https://admin.pitchprint.com/login"}},"footer":{"socials":{"x":"https://x.com/pitchprint","github":"https://github.com/pitchprint","linkedin":"https://linkedin.com/company/pitchprint"},"links":[{"header":"Product","items":[{"label":"PitchPrint","href":"https://pitchprint.com"},{"label":"Dashboard","href":"https://pitchprint.com/dashboard"}]},{"header":"Blog","items":[{"label":"Articles","href":"/blog/posts/ai-studio"},{"label":"Releases","href":"/blog/releases/2026"}]}]},"errors":{"404":{"redirect":false,"title":"Page not found","description":"This page may have moved when we rebuilt the docs. Try [search](/docs), the [installation guides](/docs/documentation/which-framework-should-i-pick), or the [API reference](/docs/api-reference/introduction). Still stuck? Email [support@pitchprint.com](mailto:support@pitchprint.com)."}},"contextual":{"options":["copy","view","chatgpt","claude","perplexity","mcp","cursor","vscode"],"display":"header"},"styling":{"latex":true},"navigation":{"global":{"anchors":[{"anchor":"Demos","icon":"circle-play","href":"https://wp.demo.pitchprint.io"},{"anchor":"Support","icon":"envelope","href":"mailto:support@pitchprint.com"}]},"pages":[]}},"deployment":{"deploymentMetadataValue":{"subdomain":"pitchprint","hasAudioNarration":false,"actualSubdomain":"pitchprint","customDomains":["pitchprint.com"],"gitSource":{"type":"github","owner":"pitchprint","repo":"docs","deployBranch":"main","contentDirectory":"","isPrivate":false,"mountPath":"","label":""},"chroma":{"collectionId":"8b3f5e9d-7001-4a57-9541-4a2322cc6249","liveDeploymentHistoryId":"6ad5d0509685d528bc7fa825","schemaVersion":"v3","latestBuiltDeploymentHistoryId":"6ad5d0509685d528bc7fa825"},"entitlements":{"AI_CHAT":{"status":"DISABLED"}},"buildId":"6ad5d0509685d528bc7fa825","clientVersion":"0.0.3971","searchFilterCounts":[{"language":"default","tag":"Documentation","count":154},{"language":"default","tag":"Tutorial","count":91},{"language":"default","tag":"Blog","count":39},{"language":"default","tag":"Tips 'n Tricks","count":32},{"language":"default","tag":"Admin Guide","count":27},{"language":"default","tag":"Using Modules","count":20},{"language":"default","tag":"API Reference","count":19},{"language":"default","tag":"Articles","count":14},{"language":"default","tag":"Installation Guide","count":12},{"language":"default","tag":"Sample Solutions","count":11}]},"assistantConfig":{"enableAskAiButton":false,"enableStarterQuestions":false,"enableContextualStarterQuestions":false,"enableAskAiSearchBar":true},"basePath":"","hasChatPermissions":false,"hasWebMcpPermissions":false,"toggles":[],"isAtlas":false,"googleFontsInlined":false},"customCss":[{"filePath":"style.css","content":"header button[aria-haspopup=menu],nav button[aria-haspopup=menu]{display:none!important}"}],"page":{"pagePath":"blog/posts/smart-sizes","slug":"/blog/posts/smart-sizes","pageMetadata":{"title":"Smart Sizes","description":"Smart Sizes empowers designers to create multiple variations of the same design by resizing the canvas and moving elements around to create different looking...","tag":"Featured","author":"Isaac Coker","date":"2021-09-29","keywords":["smart sizes","smart canvas","design variations","canvas size","page configuration"],"og:image":"/images/2021/09/Smart-Resize.png","twitter:image":"/images/2021/09/Smart-Resize.png","cover":"/images/2021/09/smart-sizes-hero.svg","summary":"Turn one design into portrait, landscape and square.","href":"/blog/posts/smart-sizes"},"description":{"compiledSource":"\"use strict\";\nconst {jsx: _jsx} = arguments[0];\nconst {useMDXComponents: _provideComponents} = arguments[0];\nfunction _createMdxContent(props) {\n const _components = {\n p: \"p\",\n ..._provideComponents(),\n ...props.components\n };\n return _jsx(_components.p, {\n children: \"Smart Sizes empowers designers to create multiple variations of the same design by resizing the canvas and moving elements around to create different looking…\"\n });\n}\nfunction MDXContent(props = {}) {\n const {wrapper: MDXLayout} = {\n ..._provideComponents(),\n ...props.components\n };\n return MDXLayout ? _jsx(MDXLayout, {\n ...props,\n children: _jsx(_createMdxContent, {\n ...props\n })\n }) : _createMdxContent(props);\n}\nreturn {\n default: MDXContent\n};\n","frontmatter":{},"scope":{}},"pageType":"default","mdx":{"mdxSource":{"compiledSource":"\"use strict\";const{Fragment:_Fragment,jsx:_jsx,jsxs:_jsxs}=arguments[0];const{useMDXComponents:_provideComponents}=arguments[0];const props_0=undefined;function _createMdxContent(props){const _components={a:`a`,p:`p`,strong:`strong`,..._provideComponents(),...props.components},{Frame,Heading,OptimizedImage}=_components;if(!Frame)_missingMdxReference(`Frame`,true);if(!Heading)_missingMdxReference(`Heading`,true);if(!OptimizedImage)_missingMdxReference(`OptimizedImage`,true);return _jsxs(_Fragment,{children:[_jsxs(`div`,{style:{display:`flex`,alignItems:`center`,gap:`0.5rem`,fontSize:`0.875rem`,opacity:.7,marginBottom:`1.5rem`},children:[_jsx(`span`,{}),_jsx(`span`,{children:`·`}),_jsx(`span`,{children:props_0.date}),props_0.readTime\u0026\u0026_jsxs(_Fragment,{children:[_jsx(`span`,{children:`·`}),_jsx(`span`,{children:props_0.readTime})]})]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/smart-sizes-hero.svg?fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=1fa58cd12a9591116ed108f98516ade7`,alt:`One design resized into portrait, landscape and square variants`,\"data-og-width\":`1200`,width:`1200`,\"data-og-height\":`630`,height:`630`,\"data-path\":`blog/images/2021/09/smart-sizes-hero.svg`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/smart-sizes-hero.svg?w=280\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=ae62fee0fac83489cc6997fa0c95cf5b 280w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/smart-sizes-hero.svg?w=560\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=26567420b419471587bfbb718294a976 560w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/smart-sizes-hero.svg?w=840\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=e0ef119dd9343be644acc6b17b8d78f5 840w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/smart-sizes-hero.svg?w=1100\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=31a94958308f915f9c5c6c59b4d9f5b2 1100w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/smart-sizes-hero.svg?w=1650\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=6aa95f51030612659591cebe8b1d8d32 1650w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/smart-sizes-hero.svg?w=2500\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=e918dc3d7ada7ab83f77cbfca512efc0 2500w`})}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Smart-Resize.png?fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=09ff031940feb58a12c6a666913d4906`,alt:`Cover graphic for the Smart Sizes feature announcement`,\"data-og-width\":`2136`,width:`2136`,\"data-og-height\":`1147`,height:`1147`,\"data-path\":`blog/images/2021/09/Smart-Resize.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Smart-Resize.png?w=280\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=5c5399b642ef90759a3ebbbf98643710 280w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Smart-Resize.png?w=560\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=7ccc61b7034fd5b607e2c3086d802e20 560w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Smart-Resize.png?w=840\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=c2989178c9fa594163afbe6a00b8b87a 840w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Smart-Resize.png?w=1100\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=8231e9172b86a3bf4c1b19591c0184b5 1100w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Smart-Resize.png?w=1650\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=985b1723262dc4ba3ae0e79529f9ce44 1650w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Smart-Resize.png?w=2500\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=4dd1ef7f9eb662f29aa834a68bb5bde7 2500w`})}),`\n`,_jsx(_components.p,{children:`Hi guys👋`}),`\n`,_jsx(_components.p,{children:`We have an exciting new feature we’ve been working on that we can’t wait to share with you.`}),`\n`,_jsxs(_components.p,{children:[`It’s called `,_jsx(_components.strong,{children:`Smart Sizes`}),`. Basically it’s a feature that allows a designer to create multiple variations of a single design by varying the canvas size and elements’ properties to come up with entirely different looking layouts.`]}),`\n`,_jsx(_components.p,{children:`So, imagine you have a card product in three sizes: Landscape, Portrait and Square. In the past you would have to create these as three separate designs and find ways to wire them to a single product.`}),`\n`,_jsx(_components.p,{children:`Well, using this feature, you start by creating the first size, placing every element nicely to your taste.`}),`\n`,_jsx(Frame,{caption:`Size 1 - 8.6cm by 5.4cm`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screenshot-2021-09-29-141547.png?fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=0e95077e60d8504a321b1e2a16c5e4ab`,alt:`A card design laid out at the first size, 8.6cm by 5.4cm`,\"data-og-width\":`2492`,width:`2492`,\"data-og-height\":`1484`,height:`1484`,\"data-path\":`blog/images/2021/09/Screenshot-2021-09-29-141547.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screenshot-2021-09-29-141547.png?w=280\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=66ba9e7ee574d5931b8ec2d17b17dac4 280w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screenshot-2021-09-29-141547.png?w=560\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=af17ec27ea980f573bb207ef8e8f635b 560w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screenshot-2021-09-29-141547.png?w=840\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=4ad15b84e0528decccbf9ff06314659d 840w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screenshot-2021-09-29-141547.png?w=1100\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=df8995778085c1f56fcec94439e60ff1 1100w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screenshot-2021-09-29-141547.png?w=1650\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=94d72d0907f8089f0a0ca3796f031c7a 1650w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screenshot-2021-09-29-141547.png?w=2500\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=00b89f0147bdeae8e69b98a422a43840 2500w`})}),`\n`,_jsxs(_components.p,{children:[`Next, you simply enable the `,_jsx(_components.strong,{children:`Smart Sizes`}),` on that page and click the plus sign to add a new size:`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-2.png?fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=c6284ead1da3bf4534ff66aa12c1a8f9`,alt:`The Smart Sizes list on a page, with the plus sign for adding a size`,\"data-og-width\":`552`,width:`552`,\"data-og-height\":`283`,height:`283`,\"data-path\":`blog/images/2021/09/image-2.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-2.png?w=280\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=bee487fff9ba40b90ae1e79d69c2609a 280w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-2.png?w=560\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=f11c6856a1a0e769ac6fc73a8f56061e 560w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-2.png?w=840\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=6c676d12ae2f0f792ea62da50e145114 840w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-2.png?w=1100\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=ea8a533bc496fb9dd2bfb3271ae5bec4 1100w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-2.png?w=1650\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=2b2168b7735d4823893848e511600290 1650w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-2.png?w=2500\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=3ab295577d95039f01c74ea831e4002c 2500w`})}),`\n`,_jsx(_components.p,{children:`By design, the next size is a swap of the Width and Height but you can always adjust the values in the page configuration as you would resize a page.`}),`\n`,_jsx(Frame,{caption:`Size 2 - 5.4cm by 8.6cm`,children:_jsx(OptimizedImage,{src:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-82-1.png?fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=fd866ac1abe64a624338fa79112c6300`,alt:`The design at a second size, 5.4cm by 8.6cm, with width and height swapped`,\"data-og-width\":`1595`,width:`1595`,\"data-og-height\":`1654`,height:`1654`,\"data-path\":`blog/images/2021/09/Group-82-1.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-82-1.png?w=280\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=9ba94bcb83dc0093e5548f98cc603662 280w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-82-1.png?w=560\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=69c4857cfa8e41bd865131df0b611d6b 560w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-82-1.png?w=840\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=d8ac8172bafa2bf261adb33134081f46 840w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-82-1.png?w=1100\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=13b5ed63b7b6082fd0e9416015a65e9b 1100w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-82-1.png?w=1650\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=918d3a3cfea298fd8571d75568514859 1650w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-82-1.png?w=2500\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=81b748f4091769af7d4494b49f512323 2500w`})}),`\n`,_jsx(_components.p,{children:`After adding a new size, it’s necessary to reposition or resize the elements to fit well with the new size.`}),`\n`,_jsx(_components.p,{children:`And you can add a third or forth size as you wish.`}),`\n`,_jsx(Heading,{level:`3`,id:`in-app-size-selection`,children:`In-App Size Selection`}),`\n`,_jsx(_components.p,{children:`The panel below will be shown on the App product page if Smart Canvas is enabled. With this, your customers can pick which design layout they love.`}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-83.png?fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=be04fd7790ab48ab43c163182d112350`,alt:`The in-app panel where customers pick which design layout they want`,\"data-og-width\":`728`,width:`728`,\"data-og-height\":`410`,height:`410`,\"data-path\":`blog/images/2021/09/Group-83.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-83.png?w=280\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=ba121796dc70dc39adfbf1caaedd5b97 280w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-83.png?w=560\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=4c97a40ab8eb66df248e10f857e07fac 560w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-83.png?w=840\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=4982cf1b990b7f84dcd47a4975d7f2fb 840w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-83.png?w=1100\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=6d5f3b44a3ac9c9e9f0b1ab6793c8af1 1100w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-83.png?w=1650\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=7e4a05344ce6eb8c25d154543d2eecfd 1650w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Group-83.png?w=2500\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=86286b45d9168794585718e4d6027b62 2500w`})}),`\n`,_jsx(_components.p,{children:_jsx(_components.strong,{children:`When adding new elements to the canvas they need to be positioned in both instances, for it to display correctly.`})}),`\n`,_jsxs(_components.p,{children:[`To enable Smart Canvas go to your `,_jsx(_components.a,{href:`https://admin.pitchprint.com/designs`,children:`designs`}),` page in the admin, open the design where you would like to enable Smart Canvas. You should see the below option on your left enable it and start by adding a new smart page by clicking the plus icon⊕`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screen-Shot-2021-09-20-at-13.25.45.png?fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=a156c639dd380562da14b87cca295bb5`,alt:`The Smart Canvas option on the left of an open design in the admin`,\"data-og-width\":`306`,width:`306`,\"data-og-height\":`651`,height:`651`,\"data-path\":`blog/images/2021/09/Screen-Shot-2021-09-20-at-13.25.45.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screen-Shot-2021-09-20-at-13.25.45.png?w=280\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=36d33eb0e794706b413341c6e57aced0 280w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screen-Shot-2021-09-20-at-13.25.45.png?w=560\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=1eba86b71a1450b2c28384f35ed73efd 560w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screen-Shot-2021-09-20-at-13.25.45.png?w=840\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=f705fca0e46984325bf7b17d97f40c03 840w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screen-Shot-2021-09-20-at-13.25.45.png?w=1100\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=03bd164349ba91f8042a2ede5608ef88 1100w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screen-Shot-2021-09-20-at-13.25.45.png?w=1650\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=dfcb3d0b45c02f7c2568167e5e4e4611 1650w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/Screen-Shot-2021-09-20-at-13.25.45.png?w=2500\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=5f8f2b7fc36d211cb58b66871f984f2c 2500w`})}),`\n`,_jsxs(_components.p,{children:[`And for it to appear in the Front App, you will need to update your `,_jsx(_components.a,{href:`https://admin.pitchprint.com/layouts`,children:`Layout`}),` to the latest`]}),`\n`,_jsx(Frame,{children:_jsx(OptimizedImage,{src:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-3.png?fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=cb73cfb3cee92d40383c9ce4eda526c5`,alt:`The admin layouts page used to update a domain to the latest layout`,\"data-og-width\":`297`,width:`297`,\"data-og-height\":`117`,height:`117`,\"data-path\":`blog/images/2021/09/image-3.png`,\"data-optimize\":`true`,\"data-opv\":`3`,srcset:`https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-3.png?w=280\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=bbee77481f079977cb7368ec8db64d88 280w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-3.png?w=560\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=cf709bd27b3d855dd632e200290bfa06 560w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-3.png?w=840\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=ba76562294e964f6845e0138417bda9d 840w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-3.png?w=1100\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=a3290cf5dfb70af4e109455c6708fdc0 1100w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-3.png?w=1650\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=765d01fe188bec95213d386364ce229d 1650w, https://mintcdn.com/pitchprint/PZh1rbLpfxNLQmDb/blog/images/2021/09/image-3.png?w=2500\u0026fit=max\u0026auto=format\u0026n=PZh1rbLpfxNLQmDb\u0026q=85\u0026s=6f407973ad6baa6e8088e1f28ef8ee66 2500w`})}),`\n`,_jsx(_components.p,{children:`Do give it a try and sure let us know if you require any assistance setting this feature up on your products.`}),`\n`,_jsxs(_components.p,{children:[`Please review our plugin and receive a $25 voucher if you’re one of the first 100 people to do so, you can review by using this link `,_jsx(_components.a,{href:`https://review.capterra.com/Feedback-PitchPrint-180523-3107660498`,children:`https://review.capterra.com/Feedback-PitchPrint-180523-3107660498`}),`.`]})]})}function MDXContent(props={}){const{wrapper:MDXLayout}={..._provideComponents(),...props.components};return MDXLayout?_jsx(MDXLayout,{...props,children:_jsx(_createMdxContent,{...props})}):_createMdxContent(props)}return{props_0,default:MDXContent};function _missingMdxReference(id,component){throw new Error(`Expected `+(component?`component`:`object`)+\" `\"+id+\"` to be defined: you likely forgot to import, pass, or provide it.\")}","frontmatter":{},"scope":{"config":{},"pageMetadata":{"title":"Smart Sizes","description":"Smart Sizes empowers designers to create multiple variations of the same design by resizing the canvas and moving elements around to create different looking...","tag":"Featured","author":"Isaac Coker","date":"2021-09-29","keywords":["smart sizes","smart canvas","design variations","canvas size","page configuration"],"og:image":"/images/2021/09/Smart-Resize.png","twitter:image":"/images/2021/09/Smart-Resize.png","cover":"/images/2021/09/smart-sizes-hero.svg","summary":"Turn one design into portrait, landscape and square.","href":"/blog/posts/smart-sizes"}}},"mdxSourceWithNoJs":null,"noJsSplices":[[516,517,""],[643,855,"_jsx(`span`,{children:`·`})}),`\n`,_jsx(F"]]},"mdxExtracts":{"tableOfContents":[{"title":"In-App Size Selection","slug":"in-app-size-selection","depth":3,"children":[]}],"codeExamples":{}},"jsLinks":["/_mintlify/custom/pitchprint/886e30c9af4224f6/scripts/convert-to-markdown.js","/_mintlify/custom/pitchprint/c953c1c1f34b6af4/scripts/example.js","/_mintlify/custom/pitchprint/14cc91d930d58432/scripts/helpscout.js","/_mintlify/custom/pitchprint/8f78fad523c4930d/scripts/publish-to-docs.js","/_mintlify/custom/pitchprint/8be7daf1bdca8db0/scripts/generate-blog-summaries.js","/_mintlify/custom/pitchprint/fc72494a10805019/scripts/ingest-new.js","/_mintlify/custom/pitchprint/dec987e667653622/scripts/report-drift.js","/_mintlify/custom/pitchprint/e456009a2e9f0ad5/scripts/registry.js","/_mintlify/custom/pitchprint/13fc4b20d6eac8f8/scripts/fetch-blog-releases.js"],"subdomain":"pitchprint","siteName":"PitchPrint","title":"Smart Sizes - PitchPrint","navMaps":{"firstHrefInVersion":{},"firstHrefInLanguage":{}},"lastModified":"2026-10-13T10:00:24.498Z","originalFileLocation":"blog/posts/smart-sizes.mdx"},"headHtml":"\u003cscript data-mint-head>(function(){var d=document.documentElement,p=null;if(!p){try{p=localStorage.getItem(\"isDarkMode\")}catch(e){}if(p==='true')p='dark';else if(p==='false')p='light';if(p!=='light'\u0026\u0026p!=='dark'\u0026\u0026p!=='system')p=\"system\"}var r=p==='system'?(matchMedia(\"(prefers-color-scheme: dark)\").matches?'dark':'light'):p;d.classList.remove(r==='dark'?'light':'dark');d.classList.add(r);d.setAttribute(\"data-theme-preference\",p)})();\u003c/script>\u003cmeta data-mint-head name=\"description\" content=\"Smart Sizes empowers designers to create multiple variations of the same design by resizing the canvas and moving elements around to create different looking...\">\u003cmeta data-mint-head name=\"application-name\" content=\"PitchPrint\">\u003cmeta data-mint-head name=\"generator\" content=\"Mintlify\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/pitchprint/6gqAs1_dwfh54HA4/_generated/favicon/android-chrome-192x192.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"apple-touch-icon\" type=\"image/png\" sizes=\"180x180\" href=\"/mintlify-assets/_mintlify/favicons/pitchprint/6gqAs1_dwfh54HA4/_generated/favicon/apple-touch-icon.png\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/pitchprint/6gqAs1_dwfh54HA4/_generated/favicon/favicon-16x16.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/pitchprint/6gqAs1_dwfh54HA4/_generated/favicon/favicon-32x32.png\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/pitchprint/6gqAs1_dwfh54HA4/_generated/favicon/favicon.ico\" media=\"(prefers-color-scheme: light)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"192x192\" href=\"/mintlify-assets/_mintlify/favicons/pitchprint/6gqAs1_dwfh54HA4/_generated/favicon-dark/android-chrome-192x192.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"16x16\" href=\"/mintlify-assets/_mintlify/favicons/pitchprint/6gqAs1_dwfh54HA4/_generated/favicon-dark/favicon-16x16.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"icon\" type=\"image/png\" sizes=\"32x32\" href=\"/mintlify-assets/_mintlify/favicons/pitchprint/6gqAs1_dwfh54HA4/_generated/favicon-dark/favicon-32x32.png\" media=\"(prefers-color-scheme: dark)\">\u003clink data-mint-head rel=\"shortcut icon\" type=\"image/x-icon\" href=\"/mintlify-assets/_mintlify/favicons/pitchprint/6gqAs1_dwfh54HA4/_generated/favicon-dark/favicon.ico\" media=\"(prefers-color-scheme: dark)\">\u003cmeta data-mint-head property=\"og:title\" content=\"Smart Sizes - PitchPrint\">\u003cmeta data-mint-head property=\"og:description\" content=\"Smart Sizes empowers designers to create multiple variations of the same design by resizing the canvas and moving elements around to create different looking...\">\u003cmeta data-mint-head property=\"og:site_name\" content=\"PitchPrint\">\u003cmeta data-mint-head property=\"og:url\" content=\"https://pitchprint.com/blog/posts/smart-sizes\">\u003cmeta data-mint-head property=\"og:type\" content=\"website\">\u003cmeta data-mint-head property=\"og:image\" content=\"https://pitchprint.mintlify.app/images/2021/09/Smart-Resize.png\">\u003cmeta data-mint-head property=\"og:image:width\" content=\"1200\">\u003cmeta data-mint-head property=\"og:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"twitter:card\" content=\"summary_large_image\">\u003cmeta data-mint-head name=\"twitter:title\" content=\"Smart Sizes - PitchPrint\">\u003cmeta data-mint-head name=\"twitter:description\" content=\"Smart Sizes empowers designers to create multiple variations of the same design by resizing the canvas and moving elements around to create different looking...\">\u003cmeta data-mint-head name=\"twitter:image\" content=\"https://pitchprint.mintlify.app/images/2021/09/Smart-Resize.png\">\u003cmeta data-mint-head name=\"twitter:image:width\" content=\"1200\">\u003cmeta data-mint-head name=\"twitter:image:height\" content=\"630\">\u003cmeta data-mint-head name=\"msapplication-config\" content=\"/mintlify-assets/_mintlify/favicons/pitchprint/6gqAs1_dwfh54HA4/_generated/favicon/browserconfig.xml\">\u003cmeta data-mint-head name=\"apple-mobile-web-app-title\" content=\"PitchPrint\">\u003cmeta data-mint-head name=\"msapplication-TileColor\" content=\"#6022E7\">\u003clink data-mint-head rel=\"canonical\" href=\"https://pitchprint.com/blog/posts/smart-sizes\">\u003clink data-mint-head rel=\"alternate\" type=\"application/xml\" href=\"/sitemap.xml\">\u003clink data-mint-head rel=\"alternate\" type=\"text/markdown\" href=\"/blog/posts/smart-sizes.md\">\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@graph\":[{\"@type\":\"Organization\",\"@id\":\"https://pitchprint.com/#organization\",\"name\":\"PitchPrint\",\"url\":\"https://pitchprint.com\",\"logo\":{\"@type\":\"ImageObject\",\"url\":\"https://mintcdn.com/pitchprint/lFqp-OsyXnf1Fc9b/brand/logo/light.svg?fit=max\u0026auto=format\u0026n=lFqp-OsyXnf1Fc9b\u0026q=85\u0026s=ec857289e0ade69316f8eff623821ad8\"}},{\"@type\":\"WebSite\",\"@id\":\"https://pitchprint.com#website\",\"name\":\"PitchPrint\",\"url\":\"https://pitchprint.com\",\"publisher\":{\"@id\":\"https://pitchprint.com/#organization\"}},{\"@type\":\"WebPage\",\"@id\":\"https://pitchprint.com/blog/posts/smart-sizes#webpage\",\"url\":\"https://pitchprint.com/blog/posts/smart-sizes\",\"name\":\"Smart Sizes\",\"description\":\"Smart Sizes empowers designers to create multiple variations of the same design by resizing the canvas and moving elements around to create different looking...\",\"dateModified\":\"2026-10-13T10:00:24.498Z\",\"isPartOf\":{\"@id\":\"https://pitchprint.com#website\"},\"breadcrumb\":{\"@id\":\"https://pitchprint.com/blog/posts/smart-sizes#breadcrumb\"}},{\"@type\":\"BreadcrumbList\",\"@id\":\"https://pitchprint.com/blog/posts/smart-sizes#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Articles\",\"item\":\"https://pitchprint.com/blog/posts/ai-studio\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Smart Sizes\",\"item\":\"https://pitchprint.com/blog/posts/smart-sizes\"}]},{\"@type\":[\"Article\",\"TechArticle\"],\"@id\":\"https://pitchprint.com/blog/posts/smart-sizes#article\",\"headline\":\"Smart Sizes\",\"name\":\"Smart Sizes\",\"description\":\"Smart Sizes empowers designers to create multiple variations of the same design by resizing the canvas and moving elements around to create different looking...\",\"url\":\"https://pitchprint.com/blog/posts/smart-sizes\",\"mainEntityOfPage\":{\"@id\":\"https://pitchprint.com/blog/posts/smart-sizes#webpage\"},\"image\":\"https://pitchprint.com/images/2021/09/Smart-Resize.png\",\"dateModified\":\"2026-10-13T10:00:24.498Z\",\"keywords\":\"smart sizes, smart canvas, design variations, canvas size, page configuration\",\"publisher\":{\"@id\":\"https://pitchprint.com/#organization\"},\"isPartOf\":{\"@id\":\"https://pitchprint.com#website\"}}]}\u003c/script>\u003cscript data-mint-head type=\"application/ld+json\">{\"@context\":\"https://schema.org\",\"@type\":\"WebSite\",\"name\":\"PitchPrint\",\"creator\":{\"@type\":\"Organization\",\"name\":\"Mintlify\",\"url\":\"https://mintlify.com\"}}\u003c/script>","siteName":"PitchPrint","nav":{"global":{"anchors":[{"anchor":"Demos","icon":"circle-play","href":"https://wp.demo.pitchprint.io"},{"anchor":"Support","icon":"envelope","href":"mailto:support@pitchprint.com"}]},"products":[{"product":"Documentation","icon":"book","pages":[{"title":"Documentation","href":"/docs"}]},{"product":"Blog","icon":"newspaper","tabs":[{"tab":"Blog","icon":"newspaper","groups":[{"group":"Latest","pages":[{"title":"PitchPrint Blog","mode":"wide","href":"/blog"}]},{"group":"Articles","icon":"star","expanded":true,"pages":[{"title":"Introducing the New AI Studio for Admins","sidebarTitle":"AI Studio for Admins","tag":"Featured","href":"/blog/posts/ai-studio"},{"title":"PitchPrint Wordpress Integration","tag":"Featured","href":"/blog/posts/wordpress-integration"},{"title":"PDF Rendering","description":"Over the years, one of our greatest challenge has been how to generate PDF files for print.","tag":"Engineering","href":"/blog/posts/distilling-pdf"},{"title":"Smart Sizes","tag":"Featured","href":"/blog/posts/smart-sizes"},{"title":"Spark - Print API","description":"We have just released Spark, a Print API that allows you to generate print-ready PDF files from a single design template without going into the designer.","tag":"Spark","href":"/blog/posts/spark"},{"title":"Introducing our new Admin Portal","tag":"Featured","href":"/blog/posts/new-admin-portal"},{"title":"Under the Hood: PDF rendering","tag":"Engineering","href":"/blog/posts/under-the-hood-pdf-rendering"},{"title":"Under the Hood: Photo Upload Pipeline","sidebarTitle":"Photo Upload Pipeline","tag":"Engineering","href":"/blog/posts/under-the-hood-photo-upload-pipeline"},{"title":"PitchPrint + BigCommerce","tag":"BigCommerce","href":"/blog/posts/pitchprint-bigcommerce"},{"title":"Photo Print Module Update 🖼","tag":"Modules","href":"/blog/posts/photo-print-module"},{"title":"PitchPrint + 3dcart","tag":"3dcart","href":"/blog/posts/pitchprint-on-3dcart"},{"title":"Upload Photos from Phone","tag":"Featured","href":"/blog/posts/upload-photos-from-phone"},{"title":"Version 10 Release","tag":"Featured","href":"/blog/posts/version-10-release"},{"title":"PitchPrint @ Prindustry Connect Event 2019","sidebarTitle":"PitchPrint @ Prindustry Connect Event 2019","tag":"Event","href":"/blog/posts/pitchprint-at-prindustry-connect-2019"}]}]},{"tab":"Releases","icon":"rocket","pages":[{"title":"Releases","href":"/blog/releases/2026"}]}]}]},"title":"Smart Sizes - PitchPrint","buildId":"dpl_DFJrtvUi8HS5F9nkooKuDJsuD5BM","deploymentId":"dpl_DFJrtvUi8HS5F9nkooKuDJsuD5BM","dynamics":["07c022d89b","a74be98ba7"],"chunks":["Frame-COGkNuA6.js","DynamicMarkdown-85clUA0i.js","zoom-image-lightbox-BZxD9MAj.js","lightbox-handle-r17bVUz3.js"]}