Text in Bluepic resizes and wraps to fit its box, so when content comes from an input field you rarely know its final size. Expressions let the rest of the layout move with it, so nothing overlaps and the spacing stays even.
The trick is to position elements relative to each other using element measurements instead of fixed coordinates.
Example: a caption that follows a headline.
- Place your headline and caption text elements.
- Select the caption and open the expression tool on its Y position.
- Set it to
headline.bottom + 20.
Now the caption always sits 20 pixels below the headline. A long headline pushes the caption down, a short one pulls it up, and the gap stays the same.
You can chain this: give a third element a Y of caption.bottom + 20 and the whole stack reflows together. The same idea works sideways with left and right, for example placing a badge at title.right + 10.