Ad networks each want different dimensions — a square Facebook post, a landscape Google Display banner, a vertical TikTok video. Instead of building a separate template per dimension, a single Studio template can hold multiple sizes, all driven from the same design.
What's shared vs. what's per-size#
Understanding this split is the key to working with sizes efficiently:
Shared across every size:
- The elements themselves (text, image, shape, frame, video, audio) and their content
- Placeholder bindings (what data an element is connected to)
- Automations (SHOW/HIDE/SET rules)
Per-size (layout only):
- Position, size, and rotation of each element
- Visibility — an element can be shown in one size and hidden in another
- Per-size text and frame-layout overrides (for example, a smaller font size or a different flex direction in a narrow format)
In practice: if you rewrite a headline's binding, every size picks it up immediately. If you move a logo to the corner in the square size, that move only applies to the square size — other sizes keep their own logo position until you adjust them too.
One nuance worth knowing: unlike frame layout (which has a shared default you can override per size), text font size has no element-level default at all — it exists only per size, falling back to a plain 16px if you haven't set it. That means a brand-new size starts with no inherited font size, just that fallback, so it's worth checking text sizing explicitly whenever you add one.
Adding, switching, and removing sizes#
The size toolbar floats over the top-left of the canvas, with one pill button per size.
- Click a size's pill to make it active — the canvas and Properties panel now reflect that size's layout.
- Click + to add a new size. A popover offers common presets as well as a custom option.
- To remove a size, right-click its pill in the size toolbar and choose Delete from the context menu (which also offers Rename, Copy to..., and Duplicate). Delete is disabled when it's the last remaining size — a template always needs at least one.
When you add a new size, it starts with a sensible default layout derived from your existing content — you'll typically still want to adjust element positions and visibility for the new dimensions.
Size presets for major ad networks#
The + popover groups its presets by network:
- Meta — Feed Square (1080×1080), Feed Portrait (1080×1350), Feed Landscape (1200×628), Story / Reels (1080×1920), Carousel (1080×1080)
- Google Display — Leaderboard (728×90), Medium Rectangle (300×250), Wide Skyscraper (160×600), Large Rectangle (336×280), Half Page (300×600), Billboard (970×250)
- TikTok — In-Feed / TopView (1080×1920), Spark Ad Landscape (1280×720)
- Snapchat — Single Image / Video (1080×1920)
- Custom — enter your own width, height, and name
Presets only set the canvas's width and height — none of them carry an image-vs-video distinction, so picking, say, "Story / Reels" doesn't turn on video mode by itself. Video mode (duration and FPS) is a separate, template-wide setting — see Video templates.
When to use per-size overrides#
Most of a template's design should carry over automatically between sizes — that's the point of sharing content and bindings. Reach for a per-size override when the shape of the format genuinely demands a different layout, not just a different scale:
- A tall vertical video format needs a stacked layout, while a wide rectangular format fits the same elements side by side.
- A square format has room for a badge that a narrow format doesn't — hide the badge in the narrow size instead of shrinking it illegibly.
- Body copy that reads fine at three lines in a large format may need a smaller font size or fewer lines in a small format.
If you find yourself rebuilding the same visual relationship in every size, that's a sign the content/binding is what should change (via a placeholder or automation) — not the per-size layout.
Where to go next#
- Elements — what you're positioning per size.
- Automations — shared across sizes, so a rule you write once applies to every format.
- Video templates — enabling duration/FPS, which applies to the whole template, not per size.
- Studio overview