Social Media Image Sizes Cheat Sheet (with Figma Frame Presets)

Quick answer

Use platform-native frame sizes in Figma, design critical text inside a safe zone (roughly 10% inset on feeds, stricter on stories), and export PNG or JPG at 1× for most networks unless the platform documents a higher minimum. The table below lists common 2026 dimensions; platforms change specs occasionally—verify in each network’s business help center before a paid campaign. Build a team library of named frames (social / ig / feed / 1080) so nobody redraws sizes from memory. For export hygiene and sharp assets, pair this cheat sheet with production-ready exports from Figma and fix blurry exports.

Who this is for

• Marketing designers shipping feed, story, and ad creatives weekly.
• Founders making launch graphics without a full-time brand team.
• Design ops standardizing social templates inside Figma libraries.

New to Figma itself? Install the app first (Mac / Windows), then return here to set frames.

Master size table (2026 working set)

Dimensions are width × height in pixels. Aspect ratios are rounded for quick scanning.

Platform	Format	Size (px)	Aspect	Notes
Instagram	Feed square	1080 × 1080	1:1	Safe text ~920px center
Instagram	Feed portrait	1080 × 1350	4:5	Preferred for reach in many feeds
Instagram	Feed landscape	1080 × 566	~1.91:1	Use sparingly; crops vary
Instagram	Story / Reels cover	1080 × 1920	9:16	Keep logos above bottom UI
Instagram	Profile photo	320 × 320	1:1	Displays circular in app
LinkedIn	Feed image	1200 × 627	~1.91:1	Link-preview friendly
LinkedIn	Profile banner	1584 × 396	4:1	Text left; mobile crops edges
LinkedIn	Company logo	300 × 300	1:1
X (Twitter)	In-stream image	1600 × 900	16:9	Compress thoughtfully
X (Twitter)	Header	1500 × 500	3:1
Facebook	Feed shared image	1200 × 630	~1.91:1	Similar to LinkedIn link cards
Facebook	Story	1080 × 1920	9:16
YouTube	Thumbnail	1280 × 720	16:9	Under 2MB; readable at small size
YouTube	Channel banner	2560 × 1440	Safe area ~1546 × 423 center
TikTok	Video / cover	1080 × 1920	9:16
Pinterest	Pin (standard)	1000 × 1500	2:3	Tall pins common

When specs conflict: trust the upload screen in the live app for a paid boost, then update your Figma library once.

Safe zones and cropping reality

Feeds crop unpredictably on small phones. Stories and Reels hide bottom and top UI (username, CTA buttons).

Format	Practical safe zone
1:1 feed	Center ~85%; keep logos away from edges
4:5 portrait	Top/bottom ~80 px caution on some previews
9:16 story	Top 250 px, bottom 350 px for interactive UI (adjust per brand tests)
LinkedIn banner	Left ~60% for headline; right may crop on mobile
YouTube thumbnail	Face/subject left of center; avoid tiny type

Draw a non-exporting rectangle named safe / text inside each master frame and design type inside it. Lock the safe guide so exports stay clean.

Set up Figma frames (step by step)

1. Create a dedicated page

Add a page 050 — social templates in your marketing file (see file organization for numbering ideas).

2. Add frames with consistent naming

Use a path-style name teams can search:

• social / ig / feed / 1080x1350
• social / linkedin / post / 1200x627
• social / yt / thumb / 1280x720

Frame tool (F) → pick custom size → enter width/height from the table.

3. Turn on layout grids

• 8 px baseline for type-heavy posts.
• 12-column grid on 1080-wide frames for split layouts.
• For carousel slides, duplicate frames with Auto Layout stacks (Auto Layout patterns).

4. Build components for repeating chrome

Componentize logo lockups, CTA pills, and disclosure lines (ads). Use variants for light / dark backgrounds when campaigns span feeds and stories.

5. Publish a library (optional)

If three or more people ship social weekly, publish frames to a library file under Figma templates pillar conventions so instances stay synced.

Export settings that stay sharp

Asset type	Format	Scale	Tip
Photo-heavy post	JPG 80–90%	1×	Smaller file; watch banding in skies
UI + logo	PNG	1×	Preserve flat color and transparency
Story with gradient	PNG	1×	JPG often bandies gradients
Animated	GIF / MP4	n/a	Prototype or video tools—not static export

Avoid exporting at random @2x unless the network docs require it—oversized files get recompressed harshly on upload. If assets look soft after upload, walk through blurry export fixes.

Platform-specific Figma tips

Instagram

• Design 4:5 when you need vertical real estate; export square only if the campaign is explicitly 1:1.
• Keep logo and legal inside the safe rectangle; Reels UI eats the bottom.

LinkedIn

• Treat posts like link preview cards: big type, one idea, high contrast.
• Banners: preview on mobile—crop a test frame to 4:1 center slice.

X (Twitter)

• Assume images appear small in timeline—test readability at 25% zoom.
• Header safe text in the vertical center third.

YouTube

• Thumbnails compete at tiny sizes—limit words to 3–4 and use thick strokes.
• Channel art: keep faces and titles inside the documented safe area; outer bleed is decorative only.

Facebook & Pinterest

• Facebook feed sizes align with 1200 × 630 style cards—reuse LinkedIn masters when messaging matches.
• Pinterest favors 2:3; design for scroll, not square feed habits.

Ads and paid specs

Paid units (Meta, LinkedIn, Google Display) introduce additional sizes and text overlay limits. Keep ad frames on a separate page 055 — paid social with labels for placement name + max file weight. For display-banner geometry, cross-link Google ad banner in Figma when you adapt the same campaign to the open web.

Reusable template checklist

Before you call the library done:

• Frames named with platform + pixel size.
• Safe-zone guides on story and thumbnail masters.
• Text styles for headline / subhead / legal.
• Color styles or variables for brand backgrounds (variables explainer).
• Export presets documented on the cover page.
• One example post per aspect ratio for onboarding.

Common mistakes

Mistake	Result	Fix
Designing at wrong aspect then “fitting”	Cropped heads	Start from table frame
Tiny type on YouTube thumbs	Illegible previews	Test at 25% zoom
Ignoring story UI	Covered CTAs	Raise text into safe zone
Detached logo every post	Brand drift	Component instances
3× export “for quality”	Soft after platform crush	Export 1×, optimize weight

Workflow with the rest of your marketing stack

1. Brief in a doc with platform + size + due date.
2. Design in library frames; comment on the frame, not the canvas.
3. Review in prototype or Slack image preview at phone width.
4. Export with consistent naming: brand_campaign_ig-feed_1080x1350_v03.png.
5. Archive old variants to 900 — archive monthly.

If you also ship print (flyers, menus), do not reuse social frames—bleed and CMYK rules differ (flyer design, food menu).

FAQ

Should I design at 2× for Retina?

Social platforms recompress uploads. Design at document pixels from the table; use vectors for logos and high-quality source photos instead of arbitrary 2× canvas scaling.

Can I use one master for all platforms?

Use a shared brand component library but separate frames per aspect ratio—trying to one-frame every network guarantees bad crops.

How often should we update this cheat sheet?

Quarterly is enough for most teams; bump sooner if a network announces a required size change (quarterly Figma check-in).

Where do carousels fit?

Each slide is usually square or 4:5 at 1080 wide—duplicate your feed frame per slide and keep typography consistent. For interactive product tours, see interactive carousels in Figma.

Next steps

Duplicate the master table into your team wiki, create frames on a 050 — social templates page today, and publish the top three formats you ship every week. For broader layout craft, visit Figma templates and tutorials; for sharp exports, keep production-ready asset export bookmarked next to this cheat sheet.