Skip to content

flexGrid Features

FlexLayout Editor

macos · Available since v1.0

FlexLayout Editor

Problem

Built-in grid sizes are fixed; power users need custom layouts with arbitrary cell sizes and positions.

Solution

A human-readable markup language for defining custom grid layouts. The editor is a split-pane HSplitView: markup on the left, live preview on the right. Layouts are saved as .flexlayout files that can be shared and imported.

Tier Availability

  • Free: Not available.
  • Plus / Pro: Full markup editor with live preview and .flexlayout file format.

UI Flow

  1. Open the FlexLayout Editor from the Grid menu.
  2. Write or edit layout markup in the left pane.
  3. The right pane shows a live preview updating as you type.
  4. Save the layout as a .flexlayout file.
  5. Import shows an alert on parse failure with error details.

Known Limitations

  • Markup syntax requires learning; not a visual drag-and-drop tool (see Grid Designer for that).
  • Invalid markup shows an error alert rather than a partial preview.

Marketing One-Liner

Design precise custom grid layouts with human-readable markup and instant live preview in a split-pane editor.

Related features