How-to guide 12

How to create social media graphics for your app launch.

When you launch your app, you need visuals for every channel — Instagram, Twitter, LinkedIn, and maybe TikTok or Threads. Creating each from scratch in a different tool is exhausting. Protato lets you design one mockup and adapt it to every platform.

6 stepsiPhone & Mac

What you'll build

A complete social media graphics kit — Instagram post and story, Twitter/X card, LinkedIn banner, and a square shareable — all from one master device mockup.

What you'll use

Aspect ratio presets, device model picker, text overlays, background types, lighting presets, transparent PNG export, and multi-device scene.

Social media graphics should be recognizable as your brand even without the logo. Open Protato and build your launch kit.


Step 01

Know the sizes for each platform.

Each social platform has different optimal dimensions. Design your master mockup at the largest canvas you need, then adapt for smaller formats:

  • Instagram post — 1080 × 1080 px (1:1 square)
  • Instagram story / TikTok — 1080 × 1920 px (9:16 portrait)
  • Twitter/X card — 1200 × 675 px (16:9 landscape)
  • LinkedIn post — 1200 × 627 px (roughly 1.91:1)
  • LinkedIn banner — 1584 × 396 px
  • Facebook post — 1200 × 630 px

Step 02

Create your master device mockup.

Start with a single high-quality device mockup that will be the centerpiece of every social graphic. Choose your primary device and import your best app screen.

Design at the largest canvas you need — 1080 × 1080 px for Instagram works well as a master since it crops easily to other formats.

Use a clean, brand-consistent background. A gradient or mesh background with your brand colors ensures the graphic is recognizable even without your logo. Apply the Studio lighting preset for a balanced, professional look.

Export this master mockup as a transparent PNG (set background to None) so you can place it onto different backgrounds for each platform without rebuilding the device shot.

Step 03

Design the Instagram post and story.

Open a new project and set the aspect ratio to 1:1 for the Instagram post. Place your master device mockup (or rebuild the scene) centered in the square canvas.

Add your app name as a bold text overlay. Keep it short — one or two words maximum. Below the app name, add your tagline in a lighter weight. Position the text below the device so it reads naturally.

For the Instagram story, set the aspect ratio to 9:16. Position the device higher on the canvas to leave room for text below. Stories are vertical, so the device should take up about 60% of the upper frame.

Use bright, high-contrast colors for story graphics — stories are viewed in full-screen on phones, and visibility at a glance matters more than subtlety.

Step 04

Design the Twitter/X card.

Twitter cards display at 16:9 in the feed and are often the first thing people see when your tweet appears. Set your canvas to 16:9 aspect ratio.

Position the device on the left side of the frame with text on the right. This split composition works well on Twitter because the text remains readable at small sizes in the feed.

Keep the text minimal — your app name and a single benefit statement. Use bold font weights and high contrast. Twitter cards are frequently viewed on mobile, so test readability at small sizes.

Step 05

Design the LinkedIn graphic.

LinkedIn posts display at roughly 1.91:1 (1200 × 627 px). Set your canvas to this ratio in the Ratio tab — it's close to 16:9 but slightly wider.

LinkedIn's audience prefers professional, clean visuals. Use a subtle gradient or solid background in your brand color. Avoid flashy effects or heavy shadows.

Position the device on the right side with text on the left — LinkedIn users read left-to-right, so putting the value proposition first feels natural.

Step 06

Keep branding consistent and export.

All your social graphics should feel like they belong to the same family. The easiest way to ensure this is to use the same device, background style, font, and lighting across every platform variant.

Export each format as JPEG at 90% quality for the best balance of image quality and file size. Social platforms compress images, so starting with a clean, sharp source matters.

Name your files with a clear convention: appname-instagram-post.jpg, appname-twitter-card.jpg, appname-linkedin-banner.jpg. This makes it easy to find the right asset when scheduling posts.

Schedule your launch posts across platforms using a tool like Buffer, Hootsuite, or Later. Post on all platforms within the same hour to maximize the impact of your launch announcement.


Continue

Amplify your launch visuals.