what are the first steps to create a ui like this?

[rugged pulsar]

I would like help to make this ui

Basically the first square is needed to create the things made in the 3x3 grid and then comes the result

[late dawn]

1. Stack panel with orientation horizontal.
2. Add the 5 different panels each for the individual arrow and box in the stack panel
3. Third panel needs to be a grid for the 3x3 square.

first panel needs anchor on top left to top left with offset of say 10, 10

arrow needs anchor to top middle offset down by 10

grid is just center anchor

then youll figure out the rest

[hushed bone]

i have a question until here, like picture shown, the first box only 1x1 so need to use grid type element and dimension is [ 1, 1 ]?

[late dawn]

You wouldn't even need to use a grid element for that. Just set the size of that element.

[hushed bone]

which kind of element for that single box?

[late dawn]

An image. Or hover selection. Idk. Can be anything

[hushed bone]

easiest or most stable one?

[late dawn]

?

[hushed bone]

easiest or most stable element type to make it?

[late dawn]

Stack Panel