What is Gami UI Editor?

Gami UI Editor is a free, browser-based tool that automates the Unity UI workflow. It batch-converts 9-slice sprite images into ready-to-import Unity prefab ZIPs, parses PSD files into auto-cropped prefabs, and optimizes images to WebP. All processing runs locally in the browser using WebAssembly — no image data is uploaded to any server. Free, no account required, processes up to 30 files per batch.

How does the auto 9-slice detection work?

Gami UI Editor scans each sprite's pixel data on the client to find the largest stretchable interior region. It detects edges by analyzing alpha and color uniformity along each border, then sets the top, right, bottom, and left 9-slice values to preserve corners and edges during scaling. Detected borders can be reviewed and adjusted via drag-guides or numeric inputs before export.

Does Gami UI Editor process images locally or on a remote server?

Gami UI Editor processes all images locally on the user's device. The tool uses a WebAssembly (WASM) build of Google's libwebp library plus client-side canvas pixel scanning for 9-slice detection. No image data is transmitted to any server at any point in the workflow. This is verifiable by inspecting Network DevTools — zero outbound image requests are recorded during any conversion or batch operation.

Is Gami UI Editor free to use, and does it require registration?

Gami UI Editor is free to use with no registration required for the WebP optimizer. Unity prefab export uses a small daily credit allowance (refilled every 24 hours) to keep the service sustainable; signed-in users get more credits per day. Every core feature — batch conversion of up to 30 files, quality control, bulk resize, in-browser ZIP export, and 9-slice auto-detection — is available on first visit.

How does WebP format affect page load speed and SEO rankings?

WebP files are 25-34% smaller than JPEG and 60-80% smaller than PNG at equivalent perceptual quality. Smaller image files reduce the payload of the Largest Contentful Paint (LCP) element — a Core Web Vitals signal Google uses as a direct ranking factor in organic search. Converting images to WebP resolves the "Serve images in next-generation formats" warning in Google Lighthouse and PageSpeed Insights audits.

How efficient is Gami UI Editor for batch-processing large image sets?

Gami UI Editor encodes up to 30 images simultaneously using parallel Web Workers, so total batch processing time does not scale linearly with file count. All converted files are packaged into a single ZIP archive assembled entirely in-browser without server involvement. Users can run unlimited batches per session, with no queue and no wait time between jobs.

Which operating systems and browsers does Gami UI Editor support?

Gami UI Editor runs on any operating system — Windows, macOS, Linux, iOS, and Android — in any browser that supports WebAssembly and the File API: Chrome 57+, Firefox 52+, Safari 11+, and Edge 16+. No installation, plugin, or browser extension is required. The tool also deploys as an offline-capable Progressive Web App installable on desktop and mobile home screens.

How do I import the exported prefab ZIP into Unity?

Install the GamiPrefabImporter Editor utility (free, MIT-licensed, available from the Unity importer page) into your Unity project under Assets/GamiPrefabImport/Editor. Drag the exported ZIP into your project window. The importer reads each layout.json, creates Unity sprites with the correct 9-slice borders and pixels-per-unit, and assembles them into ready-to-use UI prefabs — including Button components if marked during export.

Can Gami UI Editor convert images without an internet connection?

Yes. Gami UI Editor functions fully offline after the first page load. A Service Worker (v6) caches all application assets including the WebAssembly encoder on first visit. Users can install it as a Progressive Web App and run batch WebP conversions on an air-gapped device with no network access required. (Unity prefab export is the one feature that needs network access, since it calls a credits API.)

Tutorial · 4 steps

Batch 9-Slice to Unity Prefab

Convert a folder of sprites into ready-to-use Unity prefabs in under a minute. Everything runs in your browser — no uploads, no sign-in.

01
Drop as many as you in the window
Open ArtEditor.art and drag your sprite files (PNG, JPEG, or WebP) into the Batch 9-Slice to Prefab Generator panel. Up to 30 files at once. Files load into browser memory only — nothing is uploaded.
02
Click to Export Unity Zip
Click Export ZIP. Each sprite is analyzed, 9-slice borders are auto-detected, and the tool packages the sliced sprites together with a JSON layout descriptor compatible with the Gami Prefab Importer. The ZIP is built in your browser and downloads directly — no server round-trip.
03
Install Gami UI Prefab Generator
In Unity, install the Gami UI Prefab Generator package (free on the Asset Store). It adds a dedicated importer window under Window → Gami Prefab Importer, ready to receive the ZIP you just exported.
04
Import Zip in Unity
Open Window → Gami Prefab Importer in Unity, then drag the exported ZIP into the import zone. Each sprite becomes a Unity prefab with the 9-slice settings preserved and ready to drop into any scene.

Ready to try it?

No sign-in. No upload. Free.

Open the Generator →

Drop as many as you in the window

Click to Export Unity Zip

Install Gami UI Prefab Generator

Import Zip in Unity