Renda

Claude Design Size Guide: Exact Dimensions for Every Platform

12 May 2026 · 6 minute read

Designing in Claude Design is easy. Getting the output at the right size for the platform you are posting to is where most people get stuck. Wrong dimensions mean Instagram crops your design, Twitter auto-resizes it badly, and LinkedIn fills it with white space.

This is the full reference for the dimensions that actually work, which ratio to set in Claude Design itself, and the gotchas for the three or four cases where the rule changes.

Set the canvas ratio in Claude Design first

Claude Design lets you pick an aspect ratio when you start a design — square, portrait 4:5, story 9:16, landscape 16:9. Pick the one that matches where you intend to post. Designing 16:9 and trying to rerender it as 4:5 later means parts of the design get cut off.

One ratio in, one platform out. If you want both an Instagram portrait post and a Twitter landscape version, that is two designs, not one resized.

The numbers you need

Platform / formatDimensionsRatioNotes
Instagram portrait post1080 × 13504:5The default for new content. Best engagement.
Instagram square post1080 × 10801:1Older grids and feed-uniformity.
Instagram Reels cover1080 × 19209:16Cropped to 1080 × 1350 in feed grid.
Instagram Story1080 × 19209:16Keep critical content centered, away from top/bottom 250 px.
Instagram carousel (each slide)1080 × 13504:5Up to 10 slides. Match dimensions across slides exactly.
Twitter / X single image1600 × 90016:9Or 1200 × 675 if you want smaller file size.
Twitter / X portrait1080 × 13504:5Higher engagement than landscape for static designs.
LinkedIn single image1200 × 12001:1Square renders cleanly across desktop and mobile.
LinkedIn portrait carousel1080 × 13504:5Up to 20 slides; uploaded as a PDF or per-slide.
LinkedIn article header1280 × 72016:9Cropped to 4:1 on profile previews.
Facebook feed image1200 × 6301.91:1Same dimensions as default OG image.
Pinterest pin1000 × 15002:3Pinterest favours tall pins; 2:3 is the sweet spot.
TikTok carousel slide1080 × 19209:16Photo Mode supports up to 35 slides.
YouTube thumbnail1280 × 72016:9Stay under 2 MB.
PowerPoint / Keynote slide1920 × 108016:9Standard widescreen presentation.
Google Slides slide1920 × 108016:9Same dimensions as PowerPoint.
OpenGraph / link preview1200 × 6301.91:1The image Slack, Twitter, and LinkedIn use for link cards.

Carousels — match every slide exactly

Instagram and LinkedIn carousels are unforgiving about mixed dimensions. If slide 1 is 1080 × 1350 and slide 2 is 1080 × 1080, the platform will either crop or letterbox the odd one out, often ruining a design.

Set the ratio once in Claude Design before you start. Every slide should come out at the same pixel dimensions when you render. If you use a renderer like , pick the carousel preset and every slide gets exact-matching dimensions automatically.

Stories vs posts — the 9:16 catch

Instagram and TikTok Stories are 1080 × 1920 (9:16). The catch is that the top 250 pixels and bottom 250 pixels get covered by the username, sticker tray, reply input, and other UI. Anything critical — your hook, your CTA, your logo — needs to live in the middle 1420 pixels.

Design as 9:16 in Claude Design, but keep the centre safe zone in mind. Some designers add light placeholder bars top and bottom during the design phase to remind themselves where the UI will cover.

Presentations — full-bleed vs slide-canvas

PowerPoint and Google Slides default to 1920 × 1080 (16:9). Claude Design renders fine at this ratio, but make sure your design fills the canvas edge-to-edge if you want a full-bleed slide. If your Claude Design has white margins, those margins will appear in the .pptx as visible whitespace.

For client decks, full-bleed designs land much better than letterboxed ones.

Rendering at the right size

Claude Design itself does not let you choose the output pixel dimensions when you export. Whatever ratio you set the canvas to is what you get, at the canvas's own resolution.

If you need a specific platform size and you do not want to manually resize the result, use a renderer that takes a platform preset and renders at those exact pixel dimensions in one step. does this for every platform in this guide; drop the Claude Design file, pick the preset, get the output at the matching pixel size. No Photoshop resize step after.

The short version

Pick the platform first, set the matching ratio in Claude Design, then render at the exact dimensions in this guide. Wrong dimensions are the single most common reason a beautiful Claude Design looks off when posted.

Render at the right dimensions, every time.

Drop a Claude Design, pick a platform preset, get output at the exact pixel size. First five renders a month are free.