Resources
← All tutorials
BeginnerAbout 15 min
Basic 9-slice setup
Author stable slice lines in Slice Studio, then verify stretch in Compose.
Steps
- Open /studio with a panel texture selected or imported.
- Adjust the inner slice handles so corners sit in stable pixels—avoid cutting through icons or bevel highlights.
- Preview stretch in Studio until edges behave the way your engine will expect.
- Return to /compose, place the sliced asset, and use Smart Actions Make 9-slice / Edit 9-slice as needed.
- Stress-test resize on the artboard; if corners skew, fix insets in Studio first, then refresh the placement override if any.
Expected result
A library asset with reliable nine-slice metadata and a Compose placement that survives resize without shearing.
For deeper reference, open Docs.