Form builder — four directions
The current builder shows every control of every field at once, in boxes nested three deep. Each variant below fixes that a different way. All four keep the same design system and the same demo form (Call for Papers 2026). Click into a variant and try selecting fields and switching tabs — the core interaction of each one works.
Inspector
Three panes: page outline on the left, a live preview of the submitter's form in the middle, and settings for the one selected field on the right. Nothing shows its controls until selected.
Quiet rows
Keeps today's one-column layout, but each field collapses to a single clean row. Click a row and it expands into its editor — only one open at a time. Cheapest to build into the real app.
Split preview
Editor rows on the left, the real public form on the right in a browser frame — always visible, always current. Selecting a row highlights that question in the preview.
Stage
The builder is the form. You edit labels directly on the page the submitter sees, one page at a time. Field settings open in a popover; form settings live in a side drawer.
What it looks like today
