Design: mockups, components and layout

1. Pick a tool in the bottom bar (frame, rectangle, text, connector…) and draw on the canvas.
2. Turn a frame into a component to reuse a button or a card: its copies follow its changes.
3. In the inspector, “Layout” arranges a frame’s items in a row, a column or a grid; “Constraints” sets how they behave when the frame is resized.
4. Drag on a field’s icon (X, W, H…) to change its value, and double-click a name to rename it.
5. Export a page or an item as PNG, SVG or PDF with a right-click.