Help & Docs

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 My Work → Generated when it's done, so you can fire one off and keep working.

Studio opens on a Start screen at /studio. The navigation rail has one predictable WrapStudio door; the launcher and command menu provide bookmarkable shortcuts to Magic Wrap, Photo → editable artwork, Vectorize, and My Work.

  • Start — grouped by intent: start a new design (your template or Magic Wrap), prep incoming artwork (Vectorize, Photo → editable artwork), or make a quick fix — all from one screen.
  • My Work — one library with Editable WrapStudio files and Generated images/videos. Older raster projects appear only as recovery items and convert when opened.
  • 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 curated style, 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.

Magic Wrap turns a customer logo, vehicle, and style into three concept directions. Photo → editable artwork takes one of those concepts—or an uploaded customer proof or installed-wrap photo—through flat-art rebuild, vectorization, and optional template placement to create editable Studio layers. Vectorize turns a raster logo into an Illustrator-compatible SVG, with an optional Deep Restore pass for poor source art.

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.

Screens & navigation

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.

  • Modes across the top — Start, My Work, Showcase, Before/After, Video, Social, and Backdrops. Opening /studio with no mode selected lands on Start. Switching modes 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, in My Work, reopen an editable file).
  • One work library/studio?mode=work replaces the old Designs, Gallery, and duplicate recent-work lists. Historical mode=projects and mode=gallery links redirect to the right My Work view.

Magic Wrap (/studio/magic-wrap) Reach it from the featured Studio Start tile, the command menu, or a Studio Magic Wrap banner. It opens the guided business → vehicle → style wizard immediately.

  • Creates three wrap directions per run and saves them to My Work → Generated.
  • A concept can open as a design immediately or continue into Photo → editable artwork.
  • When launched with job context, that job stays attached to the resulting design.
  • This is the shop-facing Studio concept generator. The customer-facing white-label Magic Wrap lead tool is configured under Web Presence.

Photo → editable artwork (/studio/make-editable) Reach it from the Studio Start screen, command menu, a Magic Wrap concept, or a selected concept in Leads. It is the single home for flat-art rebuilding, vectorization, and vehicle-template placement. Former /studio?mode=intake and /studio?mode=rebuild addresses redirect here and preserve linked concept and job context.

  • Choose a Magic Wrap concept or upload a customer proof/mockup.
  • Optionally rebuild it as flat panel artwork and trace it into editable color paths.
  • Place the result standalone, on a saved/uploaded vehicle template, or on a physical board with optional print panels.
  • Review and create a layered WrapStudio document.

Vectorize (/studio/vectorize) Reach it from the command menu, or choose Vectorize a logo on the Studio Start screen. The former /studio?mode=vectorize address redirects here and preserves job context.

  • Use a direct trace for clean supplied artwork.
  • Use Deep Restore when the source is blurry, tiny, or heavily compressed.
  • Choose Open in WrapStudio to create a real editable vector document on the canvas. Download SVG remains available as the secondary file-only action.

The Canvas editor (/studio/design/<document>) This is the full design surface behind My Work → Editable — open it by creating a New design or clicking any document 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 My Work → Generated.

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 My Work).

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 style to apply a proven look 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

  • Photo → editable artwork turns a concept, proof, or installed-wrap photo into a layered, template-ready Studio document.
  • Vectorize converts a PNG/JPEG logo into a clean, Illustrator-friendly SVG you can open as an editable WrapStudio document or download.
  • Choose Vectorize for a direct production trace, or Deep Restore for one AI reconstruction of blurry, low-res, or JPEG-crunched artwork before the production trace.
  • 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

  • My Work holds editable documents and generated assets together; open, reuse, send to a proof, download, or delete from the appropriate view.

Step-by-step tasks

  1. Design a layout on the canvas

    1. Open Studio, then choose My Work → Editable.
    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 My Work → Generated.
  2. 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 curated style.
    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 My Work → Generated.
  3. 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.
  4. 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.
  5. 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.
  6. Generate three Magic Wrap concepts

    1. Choose Magic Wrap on the Studio Start screen or in the command menu.
    2. Add the business/brand, choose the vehicle, and pick a style or let Magic Wrap surprise you.
    3. Generate. The three concepts are saved to My Work → Generated as they finish.
    4. Open one as a design, reroll it, or choose Make editable for production preparation.
  7. Make a concept or proof editable

    1. Choose Photo → editable artwork, or use Make editable on a Magic Wrap result.
    2. Select the concept or upload the customer proof.
    3. Rebuild it as flat panel artwork if needed, then choose whether to vectorize it.
    4. Choose a vehicle template, upload one, set a physical board, or keep the artwork standalone.
    5. Review and create the layered design in WrapStudio.
  8. Vectorize a logo

    1. Choose Vectorize in the command menu, or Vectorize a logo from the Studio Start screen.
    2. Drop in a PNG/JPEG.
    3. Choose Vectorize for direct best-quality tracing or Deep Restore for a one-shot AI rebuild of blurry or low-res artwork.
    4. Click vectorize, then choose Open in WrapStudio to keep editing or Download 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 unlocks for permitted roles during the live card-backed Solo or Pro trial and with paid membership. Wraptor Free shows the paid-feature lock. The trial uses a bounded, nonrenewing AI/vectorization allowance shown in the app. Paid Solo includes 60 AI credits and 10 vectorizations per billing month; paid Pro includes 500 AI credits and 40 vectorizations. Most images cost 1 credit (4K costs 2 and video costs 5) — the exact price shows on each button. Magic Wrap uses 3 AI credits for three concepts. In Photo → editable artwork, a panel rebuild uses the displayed 1 or 2 AI credits and optional tracing uses 1 vectorization; template placement and document creation are free. A direct Vectorize run uses 1 vectorization. Deep Restore uses 1 vectorization plus 1 AI credit for the reconstruction. A new attempt uses the displayed allowance again; technical failures refund the charged allowance.

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

  • Start is the home; My Work is the library. Studio opens on the Start screen. Choose My Work → Editable for the full layered canvas workflow—add, move, resize, delete, undo/redo, and export.
  • 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.
  • Styles are a head start. Starting a Showcase from a curated style applies a proven look to your vehicle instead of describing one from scratch. Vehicle templates remain PVO/Bad Wraps production line art; reusable designs are shop-saved canvas layouts.
  • 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.
  • Vectorize follows your art; Deep Restore redraws it once first. Direct vectorization converts what's there into paths. When the source is blurry or tiny, Deep Restore analyzes the lettering and composition, makes one GPT Image 2 reconstruction, and sends that result through Vectorizer.AI. If you want another creative attempt, run it again for the displayed vectorization and AI-credit price.
  • 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.