Studio — design wraps and turn photos into marketing-ready images and video

Who it's for

The Wrap Studio is your in-house creative team. A designer or manager uses it two ways: to compose and edit designs on a layered canvas (logo, badges, backgrounds, text), and to generate polished content from a quick phone snap — a showcase image, a before/after reveal, a short social video, or a captioned post — without opening Photoshop. Owners use it to keep a steady stream of marketing flowing from everyday jobs. It's a "make the work look great" tool, not a place to manage jobs or customers.

Where it fits

Studio sits in your Creative & files area, reached as Studio in the navigation. It usually comes into play at the production-to-complete end of a job — you've finished (or nearly finished) a wrap, you snap a photo, and Studio turns it into something you'd actually post or hand a customer. You can open Studio on its own, or jump into it pre-loaded with a specific job's photos. See workflow-map.md for the full lifecycle and personas.md for who works where.

Overview

Studio does two things: it lets you design on a real layered canvas, and it generates images and video with AI. For full wrap production design — vector tools, print-ready PDFs with cut contours, panelization, and AI-composed layouts — see the dedicated design app: WrapStudio Design. Each generation runs in the background and lands in your gallery when it's done, so you can fire one off and keep working.

Studio is organized into eight tabs, all on the one /studio screen. It opens canvas-first — the Designs tab is the default home:

Designs — your design projects. Start a New design from an upload (or open one from a showcase result), then edit it on the full layered Canvas editor. Rename, duplicate, or delete projects from here.
Showcase — drop a vehicle photo, pick or describe a background (or composite onto a saved backdrop), optionally add your logo and a tagline or start from a template, and generate a hero image.
Before/After — generates a believable "before" (bare vehicle) from your finished photo so you can show the transformation.
Video — turns a still image into a short motion clip.
Social — builds a post-ready graphic with your caption, font, placement, and color for Instagram/Facebook/TikTok/LinkedIn aspect ratios.
Backdrops — your library of empty scenes (studio, outdoor, abstract) to composite vehicles into; generate new ones from a text prompt, or keep the ones Studio extracts for you.
Gallery — everything you've made, in one place.
Vectorize — converts a raster logo/image into a clean SVG for Illustrator, with an engine picker: Fast trace for clean art or Deep Restore, an AI redraw for blurry or low-res logos.

A small floating progress chip follows you around the app while a generation runs, so you can leave Studio and get pulled back when it's ready.

Studio (/studio) Reach it from the navigation as Studio, or from the Studio icon in the mobile bottom bar. Open it from a job to pre-load that job's photos.

Tabs across the top — Designs, Showcase, Before/After, Video, Social, Backdrops, Gallery, Vectorize. Opening /studio with no tab selected lands on Designs. Switching tabs sets the ?mode= in the address bar, so you can bookmark or share a specific tool.
A working area per tab — upload or pick a source image, set your options, and hit generate (or, on Designs, open the canvas editor).
A recent/gallery strip — your latest results, newest first.

The Canvas editor (/studio/editor/<project>) This is the full design surface behind the Designs tab — open it by creating a New design or clicking any project thumbnail. It's a real layered editor, not a one-shot generator:

Layers panel — add, reorder (drag), show/hide, rename, and delete layers (up to 30 per design).
Add a layer — upload an image, drop in your Shop logo in one tap, or pick a logo/badge from your Brand Kit.
Adjustments — move (X/Y), resize, rotate, and set opacity on the selected layer, with live handles on the canvas.
Undo / Redo — full history (Ctrl/Cmd-Z and Ctrl/Cmd-Shift-Z), plus zoom controls.
Autosave — changes save automatically, with a "Saving… / Saved" indicator and an editable project name.
Export PNG — download the composition; it's also saved back to your gallery.

The floating progress chip When you start a generation and navigate away, a small chip appears showing elapsed time. It clears itself shortly after the result is ready (or fails), and hides while you're on the Studio page.

Capabilities

Design on a layered canvas

Create a project from an upload (or from a showcase result) and open it in the Canvas editor.
Stack and arrange layers — images, your shop logo, Brand Kit logos and badges.
Move, resize, rotate, and fade any layer; reorder, hide, rename, or delete layers; undo/redo freely.
Export a finished PNG (and keep it in the gallery).

Make showcase images

Upload a photo (or pull one straight off a job).
Choose a background: a preset scene, your own typed description, a pure white catalog background, a transparent cut-out, or one of your saved backdrops.
Start from a curated template to apply a proven style to your vehicle.
Optionally stamp your shop logo and add a marketing tagline (Studio can suggest taglines).
Generate one image or a small batch.

Tell the transformation story

Before/After generates a convincing "before" from your finished shot.
Video turns a still into a short clip for reels and stories.

Post to social, faster

Social builds a captioned graphic sized for the platform you choose, with control over font, text position, and color.
Publish Kit re-exports any result into multiple social aspect ratios at once — Square (1:1), Portrait (4:5), Story (9:16), and Wide (16:9) — with a fit-vs-fill choice and an optional logo, so one render becomes a full set of ready-to-post sizes.

Manage backdrops

Browse built-in scenes plus your own.
Generate brand-new empty scenes from a text prompt (studio, outdoor, or abstract).
When you "extract the background" from a photo, Studio quietly saves that empty scene to your backdrop library for reuse.

Prep artwork

Vectorize converts a PNG/JPEG logo into a clean, Illustrator-friendly SVG you can download.
Pick an engine per image: Auto (chooses for you), Fast trace (clean art, ~5 seconds), or Deep Restore — an AI redraw that rebuilds blurry, low-res, or JPEG-crunched logos instead of tracing the mush (1–2 minutes).
Deep Restore re-typesets recognized text as real font glyphs, matching against 1,400+ font families — including your uploaded shop brand fonts, so a shop that uploads its actual logo font gets it back, not a lookalike.

Keep everything

The Gallery holds all your generations; open, reuse, edit (open as a design), or delete them.

Step-by-step tasks

Design a layout on the canvas
1. Open Studio — you land on Designs.
2. Click New design and upload a base image (or open an existing project).
3. In the Canvas editor, add layers — your Shop logo, a Brand Kit badge, or another image.
4. Move, resize, and arrange the layers; use undo/redo as needed.
5. Export PNG — it downloads and saves to your gallery.
Make a showcase image of a finished wrap
1. Open the Showcase tab (or open Studio from the job to pre-load its photos).
2. Upload your vehicle photo (or pick a job image).
3. Choose a background — a preset, a typed description, "white background," "transparent," or one of your Backdrops — or start from a template.
4. Optionally toggle logo on and add a tagline (tap suggest for ideas).
5. Generate. Keep working — the floating chip tells you when it's ready, and the result lands in your gallery.
Create a before/after
1. Go to the Before/After tab.
2. Upload (or pick) the finished-wrap photo.
3. Generate — Studio produces the "before" so you have both halves of the reveal.
Turn a result into a full set of social sizes
1. Generate (or open) a result.
2. In the Publish Kit panel, choose the formats you want (1:1, 4:5, 9:16, 16:9), fit or fill, and whether to add your logo.
3. Download the set and post each size.
Build a custom backdrop
1. Go to the Backdrops tab.
2. Describe the empty scene you want and pick a style (studio / outdoor / abstract).
3. Generate; save the ones you like. They'll appear as background options on the Showcase tab.
Vectorize a logo
1. Go to the Vectorize tab.
2. Drop in a PNG/JPEG.
3. Pick an engine — Auto picks per image; choose Deep Restore for a blurry or low-res logo (it takes a minute or two).
4. Click vectorize, then download the SVG for Illustrator.

Settings & permissions

Who can use Studio

Studio is controlled by the Wrap Studio permission. By default the Manager and Designer roles have it; Production and Installer roles do not — they'll be redirected away from the Studio screen. If a team member needs Studio, add the Wrap Studio permission to their role in Settings → Team.

Plan availability

Studio opens for any role with the permission. What's metered is your shop's AI credits: the image and video generators (Showcase, Before/After, Video, Social) draw down your plan's AI credit allowance, and you'll see an "AI credit limit reached" message when it's used up. Trial shops get a one-time 15-credit grant the moment their trial starts, so you can try real generations before paying. Most images cost 1 credit (4K costs 2, video costs 5) — the exact price shows on each button. The canvas editor, Brand Kit, templates, and Publish Kit are composition/export tools and don't burn generation credits; Gallery doesn't either. Vectorize costs 1 credit per fast trace and 2 for a Deep Restore (the price shows on the engine picker); if you're out of credits, Deep Restore falls back to a plain trace instead of blocking.

Your logo and Brand Kit

To stamp your logo on a showcase image — or add it as a layer in the editor — set your shop logo first in Settings. Your Brand Kit holds reusable logos and badges that you can drop onto any canvas; manage those assets from Settings too.

Tips & common pitfalls

Designs is the home, and it's a real editor. Studio opens on the Designs tab, and the Canvas editor behind it is a full layered design surface — add/move/resize/delete layers, undo/redo, and export. Earlier versions had no in-place editing; now you can compose and tweak right in Studio.
Fire and forget. Generations run in the background. Start one, switch tabs or screens, and watch for the floating chip — you don't have to sit and wait.
Better input, better output. A sharp, well-lit photo of the whole vehicle gives the AI the most to work with. Blurry or cropped shots produce weaker results.
Templates are a head start. Starting a Showcase from a curated template applies a proven style to your vehicle instead of describing one from scratch.
Publish Kit saves the resize grind. One result becomes square, portrait, story, and wide in a tap — no manual cropping per platform.
"Transparent" takes an extra beat. The transparent cut-out runs in two passes, so it can take a little longer than a normal showcase image.
Backdrops are reusable scenes. Generate a few empty scenes you like once, and they become one-tap background options for every future showcase image.
Fast trace follows your art; Deep Restore redraws it. Fast trace converts what's there to vector lines — garbage in, garbage out. When the source is blurry or tiny, switch to Deep Restore: it redraws the logo with AI, verifies the result, and re-typesets the text in the matched font.
Mobile-friendly. Studio is in the mobile bottom navigation, so you can shoot a photo and generate right from the shop floor.

Files — where job photos and artwork live; Studio can pull source images from a job.
Designs — design assets that pair with Studio's creative output.
Marketing — where Studio's renders feed your Listing, newsletters, and Social packaging.
Jobs — open Studio from a job to pre-load its photos.
Colors — your palettes and brand colors for on-brand creative.
Proofs — Studio can also mock up proof images for customer approval.
Workflow map — where creative work sits in the bigger picture.
Personas — who uses the creative tools.