← SliceForge

Resources

← All tutorials
AdvancedAbout 50 min

Full UI pipeline (image → systemized UI)

Chain Generate/Library → Slice Studio → Compose extract → Style Brain → export.

Steps

  1. Generate or import base kit art; normalize nine-slice in Slice Studio before heavy composition.
  2. Compose a reference screen; run Image → Screen on competitor or mock HUD references you are allowed to use.
  3. Vectorize or refine extracted nodes where bitmap cleanup helps; re-link colors to Style Brain swatches.
  4. Insert generated variants where gaps exist; use Generate here / selection flows sparingly with credits in mind.
  5. Export typed layers + UI kit bundle and spot-check metadata/engine.json against your importer.

Expected result

End-to-end artifacts: sliced sources, structured compose document, and an engine-facing export package.

For deeper reference, open Docs.