b2KIT

Social Graphic Maker

Design social media posts with text, images, and brand elements for Instagram, X, and LinkedIn.

Tested tool guide Tested browser tools Checked August 16, 2026

What Social Graphic Maker does, with a checked example

Social Graphic Maker is a design surface for composing posts from text, images, and a saved brand kit - logo, colors, and fonts - at the sizes Instagram, X, and LinkedIn actually display. You choose a platform preset (Instagram square, X 16:9, LinkedIn post), place the elements, and export one flattened image sized for that feed. The common mistake is designing before choosing a preset, or reusing one export across platforms: the canvas shows the whole design, but each feed crops or fits it differently, so a square post forced into a 16:9 space gets stretched or cut.

Worked example

A concrete input and expected output from the current implementation.

Input

Preset: Instagram square post. Text: 'Launching Friday, 9 AM ET', shop logo, teal background.

Expected output

A 1080 x 1080 px canvas with the headline as an editable text layer, the logo placed, and the teal fill applied; export returns a PNG at 1080 x 1080 px.

Instagram displays feed images at a maximum of 1080 px wide, so the square preset fixes the canvas at 1080 x 1080 px, the size the feed renders; the tool works at display size, not print size.

How the result is produced

1

Platform presets set the canvas size

Each preset locks the canvas to the dimensions that platform displays: Instagram square is 1080 x 1080 px and portrait 4:5 is 1080 x 1350 px, X's 16:9 preset is 1600 x 900 px, and LinkedIn's post preset is 1200 x 627 px. The exported file comes out at that exact size, so choose the preset before composing; switching presets later resizes or crops the design you built.

2

Text layers and the brand kit

Headlines, captions, and handles stay editable text layers, so rewording copy or changing fonts and colors never disturbs the images or layout around them. The brand kit - logo, palette, and type - applies to the whole post at once, so every export carries the same identity. Export flattens everything into a single PNG or JPG; what comes out is a finished image, not an editable document.

Good uses

  • Making a weekly Instagram announcement post for a shop, with the logo and brand colors applied, without opening a full design suite.
  • Producing one launch announcement at each platform's size - Instagram square, X 16:9, LinkedIn 1.91:1 - from a single design.
  • Keeping a team on-brand: the saved brand kit drops the same logo, palette, and fonts onto every post, so nothing ships with off-brand colors.

Limits and checks

  • Feed previews crop more than the canvas shows. X limits in-timeline image previews to a 2:1 ratio, cropping wider or taller images in the feed even though the full file opens on tap. Keep essential text and logos inside the middle of the frame, not at the edges.
  • Canvas size is not viewing size. A 1080 x 1080 px post is often seen at a few hundred pixels wide in a feed card, which makes small headlines unreadable. Preview the design at a small zoom before exporting, and size type for how the post will actually be viewed, not how it looks full-screen.
  • Preset sizes are platform recommendations, not guarantees. Platforms recompress uploaded images and have changed crop behavior before, and screen colors are an approximation of the exported file. Verify the finished post where it will live - upload it and look - rather than trusting the canvas preview.

Common questions

Can I export one design to all three platforms?

Not as a single file. Each preset is a different canvas size - square, 16:9, and 1.91:1 - so one export will be cropped or stretched on the others. Build the design once, then reflow it on each preset: the text and brand kit carry over, but spacing, font sizes, and element positions usually need adjusting per platform.

Can I edit an exported post later?

No. Export flattens the layers into a single image file, so the PNG or JPG has no editable text or elements. Keep the design saved inside the tool and reopen it when you need changes, then export a new file. Passing the image file to a colleague only lets them edit pixels, not the design.

References and verification

The example and behavioral notes were checked against the browser implementation. Standards and primary references below define the relevant format, formula, or platform behavior.

Related Tools