Most Android car-launcher tutorials assume you'll do the design work inside the car. Sit in the driver's seat. Tap on tiny widgets. Drag them across a 7-inch touchscreen with your finger. Settle for whatever the launcher's settings panel allows.
That's not how real design works. A graphic designer doesn't retouch photos on a wristwatch. A web designer doesn't mock up sites from a phone keyboard. The reason most aftermarket Android head units look generic is because the tools used to customize them are too limited to produce anything else.
This guide walks through the workflow we built specifically to fix that — designing complete Android head-unit themes on a real computer, then pushing them to the car when you're done.
What you'll need
- A computer with Chrome (any modern laptop or desktop works)
- An Android head unit running Android 10 or higher (most aftermarket units from 2020 onward qualify)
- The free Saint Studios account at saintstudios.io
- Saint Launcher installed on the head unit (free APK from the download page)
- WiFi on the head unit for Cloud Push (optional but strongly recommended)
That's it. No software to install on your computer, no SDKs, no plugins, no Adobe license required.
Step 1 — Open the builder
Go to builder.saintstudios.io in Chrome. The full Photoshop-style design studio loads in your browser. No download. The first time you open it, you'll see a blank canvas at the most common Android head-unit resolution (1280×800), with a layer panel on the right and a widget palette on the left.
If you've used Photoshop, Figma, or any modern design tool, the layout will feel familiar. Layers stack visually. Selecting a layer reveals its properties. Dragging an item from the palette places it on the canvas with smart guides for alignment.
Step 2 — Pick a canvas size
Most aftermarket head units run at one of four resolutions: 1024×600, 1280×720, 1280×800, or 1920×1080. The builder defaults to 1280×800 because that's the most common on Chinese aftermarket units. If your head unit is a different resolution, change the canvas size from the top toolbar.
Pixel-perfect coordinates matter here. The Saint format stores widget positions in pixels, and the launcher renders them at exact coordinates on the device. Designing at the target resolution is the cleanest path.
Step 3 — Drop in widgets
The builder ships with 38 widget types. The ones most themes use:
- Analog clock — vector hands and ticks, customizable colors and stroke widths
- Music controls — play/pause/skip with album art, hooked into the system media controller
- App shortcut — launches any installed app via a tap, with custom icon and label
- Speed display — pulls from GPS, formats as digital or analog gauge
- Navigation widget — routes to your default navigation app
- Weather — current conditions, optional forecast strip
- Panels — solid or gradient backgrounds for grouping content
- Custom text and images — for branding, vehicle names, anything else
Drag from the palette onto the canvas. Each widget gets a default style; click to select it and modify properties in the right panel.
Step 4 — Use layers like a real design tool
This is where the desktop workflow earns its keep. Drag layers to reorder. Group layers together. Lock layers to prevent accidental moves. Hide layers temporarily to see what's behind them. Marquee-select multiple layers and align them. Use smart guides to snap alignment to other elements.
Apply effects from the right panel — content-aware shadows, glows, strokes, inner shadows. Apply masks to clip a layer into a shape. Custom PNG image masks let you clip widgets into any silhouette you can draw in Photoshop.
Step 5 — Add multiple pages
A complete theme isn't one screen. It's three to five pages the driver swipes between: a primary dashboard, a media page, a navigation page, maybe a settings or vehicle-info page. The builder supports this natively. Add a page from the page panel, design it, link it to a toggle zone or swipe gesture.
Toggle zones make pages swipeable in the launcher. Slide drawers let one page peek out from the edge of another. Sprite animations can transition between states. None of this is possible in an in-car launcher settings panel.
Step 6 — Save your project
Saint Studios stores your work-in-progress as a .saintstudios project file in your account's cloud project storage. Hit save, give the project a name. You can re-open it from any computer signed into your account. No risk of losing work to a browser crash or a closed tab.
Step 7 — Push to the car
This is where the workflow really diverges from in-car launchers. Once your theme looks right in the builder preview:
- Pair your head unit with your Saint Studios account using a 6-digit code (one-time, takes 30 seconds the first time)
- Click the Push button in the builder
- Saint Launcher on the head unit picks up the push within 30 seconds and renders the theme
No USB drives. No file copying. No folder hunting on the head unit. The push goes directly over WiFi.
For active design work, Pro Builder ($9.99/mo) adds live push — every change you make in the browser appears on the car within seconds. You can sit in your driveway, iterate on a theme, and see each adjustment in real life on the actual hardware. The only way to design themes that look right on the device.
Step 8 — Iterate
You'll always want to tweak after seeing it in the car. A color that looked vibrant on your monitor is muted at night. A widget that fit visually on the canvas crowds the speedometer in real conditions. The text you sized for "looks balanced" gets unreadable at arm's length.
That's normal. The whole reason for the desktop builder is that iteration is fast: fix in the builder, save, push, check, repeat. The Pro live-push workflow turns this loop from "design → export → transfer → import → check → repeat" (the old way, often 10+ minutes per cycle) into "design → push → check → tweak → push" (under a minute per cycle).
Step 9 — Publish (optional)
If your theme is good and you want others to use it, register as a designer at /designer/setup and publish it to the marketplace. Set your price (free, or between $0.99 and $19.99). Designers keep up to 85% of every sale. Your theme becomes a real product, distributed automatically over Cloud Push to whoever buys it.
The marketplace is currently being seeded by Founding Designers — the first 50 to publish get permanent 85% earnings, founding badge, and priority placement.
The real difference
This whole workflow exists because designing a car-screen experience from inside the car is fundamentally limiting. You can move widgets around, but you can't create a complete original aesthetic. The tools were built for tweaks, not creation.
Once you start designing on a computer with layers, masks, multi-page support, and live push to the car, you stop thinking of car-screen customization as "moving boxes around" and start thinking of it as actual design work. Themes get more interesting. Iterations get faster. Quality goes up.
That's the whole point of Saint Studios. The free builder is at builder.saintstudios.io. Open it, design something for ten minutes, and decide for yourself.