Utility node new in 3.1
Layout
Divides the Render View (or a cabled Frame) into named cells that follow every window shape — built from Split nodes inside. Double-click to open it: the first Split is there; add sections with +, cable a section into another Split's Frame to divide it again — or pick a Preset and the Splits are built for you. Every final section appears on the outside as an output with its name; cable it into an Align's Frame. Padding and Safe Area (broadcast, iPhone, iPad) keep the cells clear of the edges; Preview As lays the design out as a phone or tablet would see it. Show draws the cells over the Render View.
Inputs
| Port | Type | Default |
|---|---|---|
| EnableOff: the layout stops updating. | bool | true |
| FrameWhat to divide: another Layout's cell or an Align's Frame — layouts nest. Uncabled: the whole Render View, following every resize. | structure | — |
| ShowDraws the final cells over the Render View — names and shares of the area — with the padding, the safe area and a device outline. Guides only, never in the picture. | bool | true |
| PresetBuilds a ready tree of Split nodes inside — Halves, Thirds, Dashboard, Holy Grail, Gallery, VJ Quad, Lower Third… Cables from cells of the same name stay. Then it is yours to edit. | int | 0 |
| UnitWhat Padding is a percentage of: the area's short side (the same on every side, at any shape) or the area (width across, height down). | int | — |
| PaddingSpace kept inside the area's edges, all sides, in Unit percent. | float | 3 |
| Padding LeftExtra padding on the left, added to Padding. | float | 0 |
| Padding RightExtra padding on the right, added to Padding. | float | 0 |
| Padding TopExtra padding at the top, added to Padding. | float | 0 |
| Padding BottomExtra padding at the bottom, added to Padding. | float | 0 |
| Safe AreaKeeps the cells clear of a broadcast margin (Title or Action Safe) or a device's edges — an iPhone's island and home bar, an iPad's bars — as proportions. | int | 0 |
| Preview AsLays the design out in a phone's or tablet's proportions inside the Render View, with its outline — design for a screen you are not looking at. Off = the real area. | int | 0 |
Outputs
| Port | Type |
|---|---|
| Cells | structure |
| Count | int |
| Area | structure |
Open Layout in the interactive catalog →
Layout 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.