OG Designer
Learn how to choose a preset, adjust the design, preview the result, and save a polished social preview image.
OG Designer is the visual workspace for creating the image people see when your link is shared.
Use this guide when you want a simple path from the first preset to a saved image your site can use by default.
What OG Designer is
A guided editor for creating a share image without starting from a blank canvas.
The editor brings layout presets, text controls, image placement, brand styling, preview, and saving into one workspace.
It is a good fit when you want a polished default image first, before adding more advanced rules for specific page types.
Once saved, that image becomes the first version Mosaicora can use for the site.
Start from a preset
Choose a ready-made layout so you can begin with a strong starting point.
- •
Open the preset library and browse layouts that match the image you want.
- •
Pick the closest match for the page, campaign, or brand style.
- •
Use the preset as the starting point, then adjust only what needs to change.
Use the Design and Content tabs
Switch between the words and visuals without losing sight of the preview.
- •
Use Content to edit the title, subtitle, images, and other visible information.
- •
Use Design to adjust typography, image treatment, background, and brand styling.
- •
Move between the tabs as needed so the message and design stay aligned.
Preview before you save
Use the preview area to check the image before you save it.
- •
Watch the live preview while you make changes.
- •
Open the full preview when you want a larger view.
- •
Check that the title, image, brand, and layout all match the page.
- •
If Slack, LinkedIn, or X still shows an older image later, the platform may be showing a saved preview until it refreshes.
Save, and export if needed
Save the image setup when it looks right, and export a copy only when you need one.
- •
Give the template a clear name so you can find it later.
- •
Save before you leave the editor so the image setup is ready for the site.
- •
Use export only when you need a local image file for another purpose.