How to use StoreCanvas

The workspace

StoreCanvas has four tabs, switched from the picker in the middle of the toolbar. The app opens on Screens.

The rest of the toolbar, left to right: Projects (save and return to the board), the tab picker, Toggle Panel (show or hide the right-hand inspector), Generate with AI (Icon tab only), the Export menu, and Settings.

Under Settings → Appearance you can set Theme to System, Light, or Dark. It applies to the whole app and is remembered between launches.

Projects

Each app you market is a project — screens, copy, icon, and brief all in one place.

1. Launch StoreCanvas — you land on the project board.
2. Click New Project and name it after your app. (Leave the name blank and it becomes “Untitled”.)
3. Click a card to open that project. Click Projects in the toolbar to come back — your work is already saved.

Each card shows your icon, the project name, and how many screens it holds. Three buttons sit on every card — Rename, Duplicate, and Delete — and right-clicking a card gives you the same actions plus Open.

Projects are listed newest-first. Version snapshots you create with Archive This Version collect in a separate collapsible Archives section at the bottom of the board, ordered oldest to newest so you can see your listing evolve. See Versions & archives.

Design your app icon

The Icon tab builds a square icon and exports every size iOS and macOS require.

1. Open the Icon tab.
2. Under Artwork, pick a Style:
   • Monogram — type a letter or short word (up to 4 characters), set Text Color, and toggle Bold.
   • Image — click Import Image… for your own PNG or JPEG, or describe an icon and click Generate to make one with AI. Artwork Size scales it from 30% to 95% of the icon.
3. Under Background, choose Solid or Gradient. Gradient gives you two colors and a Gradient Angle.
4. Check the three small previews under the canvas — 64, 40, and 29 px. A good icon still reads at 29.
5. Export from the toolbar: Export → Export Icon Set.

You get a drop-in AppIcon.appiconset folder (every iPhone, iPad, and Mac size plus Contents.json) and a standalone AppStore-1024.png. Drag the folder straight into your Xcode asset catalog.

Build your screenshots

Open the Screens tab and pick a platform: iPhone · iPad · Mac. Each platform is its own independent set — build only the ones your app ships on. Click Add Screen to add a frame, then select any frame to edit it in the right-hand panel.

Add your app screenshot

The Media section at the bottom of the panel is where your real app screen goes. You can:

• Drag and drop a file onto the drop zone,
• Double-click the zone to browse, or
• Right-click it for Choose File… and Remove Media.

Accepted formats: PNG, JPEG, MP4, and MOV. Videos loop silently in the frame. Once an image is in place, use Image Zoom (100–300%) and Image Position to frame it, or Reset Image Framing to start over.

Headline and subheadline

The Text Canvas section holds two lines of marketing copy that render in a band across the top of the frame:

• Headline — the main line, up to 3 lines tall.
• Subheadline (optional) — a smaller supporting line, up to 2 lines.

Click Suggest with AI to have your connected provider write both from that screen's screenshot and your project brief. It asks for a punchy 2–5 word headline and a short supporting line.

Typography

Headline Typography and Subheadline Typography are fully independent, so you can pair a heavy display headline with a light subheadline. The subheadline section only appears once you've typed a subheadline.

Each offers Font, Weight (Light through Heavy), Size, Line Spacing, and Tracking. Headline size runs 24–300 pt; subheadline 16–200 pt.

Add Font… lets you use any .ttf, .otf, or .ttc file you've downloaded — Google Fonts included. The font is copied into StoreCanvas and stays available across projects.

Background

Under Background, pick a Style:

• Solid — one color.
• Gradient — two colors plus a Gradient Angle.
• Image — a full-frame image behind the device. Import… your own, Generate… one with AI, or pick one you've already made from the AI Library. The trash icon removes it.

With an image background you get Image Zoom, Vertical Position, and Horizontal Position — enough to reuse one wide image across several screens with a different crop on each — plus Reset Image Framing.

The device

The Device section controls the hardware around your screenshot:

• Show Phone (or Show Window on Mac) — turn it off for a full-bleed panel with just background and text. Perfect for a title card.
• Device — the exact model, from iPhone 6.9" down to 5.5", both iPads, or Mac. The caption below tells you the exact export size.
• Drop Shadow, Colored Phone Body (with a Phone Color picker), Size (70–160%), and Vertical Position.

Style the whole set at once

Three sync buttons carry a look across every frame so your set stays consistent:

• Sync Text Style To All Frames — fonts, weights, sizes, spacing, and tracking for both headline and subheadline.
• Sync Background To All Frames — style, colors, angle, and image framing.
• Sync Device Style To All Frames — device model, color, shadow, size, and position.

These sync across all platforms, not just the one you're viewing — so your iPhone, iPad, and Mac sets share one look.

Connect your AI

StoreCanvas is bring-your-own-key. Your key is stored only on your Mac and StoreCanvas calls the provider directly — no account with us, no proxy, no markup. AI is entirely optional; every design feature works without it.

1. Open Settings from the toolbar.
2. Next to a provider, click Get a key ↗, create a key on their site, and paste it in. Keys save as you type — the dot turns blue when connected.
3. Choose your Copywriter (writes store text) and Image Generator (creates artwork).

You pay your provider directly at their API rates — typically pennies per generation.

AI images & your library

Anywhere you can generate an image, you'll get a prompt box, a Source picker (your connected image providers), and a Place As choice:

• Background — sets the art behind the device. This is the safe, recommended use.
• Inside the Device — replaces your app screenshot. Fine for exploring, risky for submission.

Images generate full-bleed at the right shape for the screen — landscape for Mac, portrait otherwise — and you can fine-tune with the zoom and position sliders afterward.

Every image you generate is saved to your AI Library automatically. Click AI Library in the Background section to browse them as a thumbnail grid, newest first, and reuse any one on any screen, any platform, or any project — no regenerating and no paying twice. Show in Finder opens the folder itself.

Write your store copy

The Text tab is a copy center for every App Store Connect field, with a live counter on each one.

1. Fill in Listing Details first — developer name, category, age rating, and version. These feed the Preview tab and name your export folders.
2. In the right panel, write a Project Brief: 2–4 sentences on what your app does and who it's for.
3. Click Generate All Copy to fill every field from the brief, or use the ✨ on any single field.
4. Use the copy button on any field to paste it straight into App Store Connect.

Counters are blue in range, amber from 90% of the limit, and red at it. Fields hard-stop at Apple's exact maximums, so you can't paste your way over. Every field also has a clear button — and if you clear by mistake, an undo arrow appears in its place.

The ✨ buttons stay hidden until you've connected a provider and written a brief — that's what the AI writes from. It also looks at up to four of your screenshots to understand the app.

Preview your listing

The Preview tab assembles everything into a realistic App Store product page — icon, title, subtitle, what's new, your screenshots, description, and the information rows.

1. Open the Preview tab.
2. Toggle iPhone · iPad · Mac to see how each store presents your listing.
3. Export it from Export → Export Listing Preview to share for feedback.

Exporting

The Export menu in the toolbar offers the current tab's output plus Export Everything….

Exports organize themselves into a version folder named from your Version field — v1.0/iPhone/, v1.0/AppIcon.appiconset/, and so on — so each release stays separate on disk.

Exporting is the one paid feature — design as much as you like for free, and unlock once when you're ready to ship. Export Listing Preview stays free, so you can always share a mock for feedback.

Versions & archives

When it's time to ship an update, snapshot where you've been:

1. In Text → Listing Details, click Archive This Version. A frozen copy of the whole project — screens, copy, icon, and brief — appears on your board named “YourApp v1.0 archive”.
2. Bump the Version field to 1.1.
3. Rewrite What's New — the ✨ writes proper release notes.
4. Update whatever changed and re-export. It lands in a fresh v1.1/ folder automatically.

Archives collect in their own collapsible section on the project board, ordered oldest to newest — a visual history of how your listing has evolved.

Where your files live

Everything StoreCanvas creates lives in one folder on your Mac: ~/Library/Application Support/StoreCanvas/

Imported media is copied in, so moving or deleting the original file later is safe. StoreCanvas also never deletes media from disk — even when you delete a screen or a project — so an archive from six months ago still renders correctly.

Troubleshooting

• The ✨ buttons aren't there — connect a provider in Settings and write a Project Brief in the Text tab's right panel. Both are required.
• “Set Up Image AI” — Claude is text-only. Connect Gemini or OpenAI for image generation.
• My screenshot looks cropped in the device — adjust Image Zoom and Image Position in the Media section, or click Reset Image Framing.
• My headline is tiny — it auto-shrinks to fit the band. Shorten the text or raise the size limit in Headline Typography.
• A screen vanished from its tab — check the Device picker. Changing the device moves that screen to the matching platform.
• Export is locked — exporting is the paid feature. Unlock once, keep forever, including every future update.
• My subheadline options disappeared — the Subheadline Typography section only shows when the subheadline field has text in it.

Still stuck? Contact support — include your macOS version, StoreCanvas version, and the steps that led to the problem.