Resources
← All tutorials
AdvancedAbout 50 min
Full UI pipeline (image → systemized UI)
Chain Generate/Library → Slice Studio → Compose extract → Style Brain → export.
Steps
- Generate or import base kit art; normalize nine-slice in Slice Studio before heavy composition.
- Compose a reference screen; run Image → Screen on competitor or mock HUD references you are allowed to use.
- Vectorize or refine extracted nodes where bitmap cleanup helps; re-link colors to Style Brain swatches.
- Insert generated variants where gaps exist; use Generate here / selection flows sparingly with credits in mind.
- 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.