Utility node new in 3.1

Split

Divides a frame into sections, side by side (Across) or one under another (Down) — the visual way to build a layout. Add a section with + and name it: its value is its size (a Share of what is left, a % of the frame, a % of the short side or an Aspect), and an output of the same name gives its frame. Cable a section into another Split's Frame to divide it again — the cables read like the layout's tree. Cable a section's size and it moves live. Gap and Padding are proportional; Wrap stacks the sections when they would get narrower than that % of the short side. Uncabled, Frame is the whole Render View.

Inputs

PortTypeDefault
EnableOff: every section is the whole frame.booltrue
FrameWhat to divide: another Split's section, a Layout cell or an Align's Frame. Uncabled: the Layout Design's frame, or the whole Render View.structure—
DirectionAcross: sections side by side. Down: one under another.int0
UnitWhat Padding and Gap are a percentage of: the short side (the same on every side) or the frame.int—
PaddingSpace kept inside the frame's edges before dividing, in Unit percent.float0
GapSpace between the sections, in Unit percent.float2
WrapWhen sections would get narrower than this % of the short side, they wrap onto more lines — side by side on a wide view, stacked on a phone. 0 = never.float0
ShowDraws the sections over the Render View with their names and shares of the frame. Guides only.booltrue

Outputs

PortType
Areastructure

Open Split in the interactive catalog →

Split is one of 381 nodes in Grafit Pro.

Free download. Every feature for 7 days, no card. Then €99.99 once — or keep playing your projects as a Player.

More Utility nodes