The Interface Architecture
The Studio is divided into four highly optimized regions designed for maximum productivity:Component Catalog
Drag over 40+ Studio blocks including Text, Number, Choice, Date, Media, and Advanced elements (like Mapbox Pins and CAPTCHA).
Interactive Canvas
Manage pagination and field flow. Drag seamlessly to reorder components; click to instantly focus and edit.
Inspector Panel
Fine-tune per-field microcopy, strict validation rules, dynamic options, and structural layouts.
Logic & Design Hub
Use center tabs Content | Workflow | Integrations | Share | Submissions. Architect branching on Workflow, edit full When → Then in Rules, and brand from the canvas Design controls (logo, cover, Design panel).
The Builder Workflow
1
Construct the Foundation
Drag essential fields (e.g., Email, Short Text) onto the canvas. Flex Forms automatically handles state and reactivity.
2
Configure Precision Rules
Click any field to activate the Inspector Panel. Enforce strict validation (e.g., specific email domains), update help text, and manage required states.
3
Experience the Respondent View
Toggle to Preview Mode. Walk through the form exactly as your users will, complete with live validation and conditional logic rendering.
4
Scale and Deploy
Continue layering complexity with logic boards and multi-page routing, or hit Publish to take your creation live immediately.