Game UI production suite

Stop generating UI. Start using it.

AI gives you screenshots. SliceForge turns them into sliced, stateful, export-ready UI your game can actually run — real layers, real states, real handoff.

Compose runs in your browser. Load the sample project and inspect every layer before you create an account.

SliceForge Compose editor showing the layer tree, canvas with a selected nav button, and the inspector panel
The actual Compose editor: layer tree, canvas, and inspector on the built-in demo project.

How it works

Screenshot in. Running UI out.

One pipeline, three beats. No facsimiles below — the editor shots are real captures and the kits are real SliceForge output.

01

Drop in the screenshot

Paste a capture from ChatGPT, Midjourney, or any concept tool straight onto the canvas. SliceForge treats it as source material, not a final answer.

  • Paste or import any AI render, mockup, or reference frame
  • Systemize detects panels, buttons, icons, and frames
  • Nothing is locked — every detected region stays editable
AI-generated dark fantasy loading screen used as source material
An AI render as it arrives: one flat image, zero structure.
02

Slice it into real, stateful layers

The flat image becomes a structured document: named layers, 9-slice panels, button state stacks, style tokens, and wired interactions you can step through in Play mode.

  • Layer tree and inspector — the same precision as your design tool
  • Hover, pressed, and selected states stacked per component
  • 9-slice frames that scale cleanly at any resolution
SliceForge Compose editor with named layers and the inspector open
Real capture of Compose — friendly layer names, live selection, inspector data.
03

Export what engineering can run

What you authored is what ships: layout JSON with real coordinates, sliced PNG and SVG assets, a packaged UI kit, and a clickable Play preview your team can review before anything lands in-engine.

  • Layout JSON + engine-oriented UI JSON per screen
  • UI kit ZIP with slices, states, and authored metadata
  • Play mode preview — same rules as the exported package
Exported UI kit sheet with buttons, frames, and icon set
A finished kit: every element sliced, named, and ready for the engine.

Real output

Made with SliceForge.

Generated, sliced, and packaged inside the product. We keep the pitch honest: SliceForge structures and ships UI — it does not pretend to be your engine, and exports carry exactly what you authored.

Dark fantasy loading screen with a component category panel
Screen + component map
UI kit sheet with buttons, panels, icons, badges, and frames
Complete kit sheet

Pricing

Free to explore. Paid when you ship volume.

Learn the canvas without a card. Plans unlock AI passes, exports, downloads, and cloud saves at studio cadence.

Free

$0

Library plus Compose editing. AI generation, exports, and expanded cloud saves unlock on paid plans.

Start free

Starter

$10/mo
  • 300 monthly credits
  • 5 GB cloud storage
  • AI, exports, and cloud saves unlocked
Choose Starter

Pro

Popular
$29/mo
  • 1,000 monthly credits
  • 25 GB cloud storage
  • AI, exports, and cloud saves unlocked
Choose Pro

Studio

$79/mo
  • 3,000 monthly credits
  • 100 GB cloud storage
  • AI, exports, and cloud saves unlocked
Choose Studio

Need burst throughput? Credit packs start at 500 credits for $15 for subscribers. Studio teams can talk to us about rollout.

Your next screenshot deserves to ship.

Open the editor, load the sample project, and see your UI as layers instead of pixels — in the next two minutes, without an account.