| What is FormEngine Designer? | FormEngine Designer is a visual editor for building forms without editing application code. |
| The Designer workspace | Tour FormEngine Designer: top bar, left panel, canvas, and properties on a real form, with screenshots and a live demo. |
| Add components from the palette | Search the Components tab, drag controls onto the canvas, or open the components modal when the palette is crowded. |
| Select and edit components | Select fields on the canvas or in Tree, edit properties on the right, duplicate with Ctrl+D, and delete with Delete. |
| Preview and Edit | Edit the layout, then Preview to fill fields, run Validate, and inspect Data. Going live is a separate step in your app. |
| Save and share | Save a draft, download or export a file, and leave going live to your application. |
| Use the left panel tabs | Work with Components, Tree, Settings, and Forms in the left panel: search the library, view hierarchy, and manage form lists. |
| Use the right properties panel | Edit the selected field with Main, Style, Actions, and Rules tabs in the right properties panel: labels, validation, and behavior. |
| Use the component tree | Select, expand, and reorder components in the Tree tab: especially for nested forms and crowded canvases. |
| Canvas drag and drop | Move and reorder components on the canvas and in Tree: drop zones, multi-select, and the floating toolbar. |
| Undo and redo | Undo and redo toolbar buttons and keyboard shortcuts: recover from mistakes while designing forms. |
| Examples and use cases | Typical forms authors build: contact, registration, surveys, multi-step layouts, and conditional fields, with links to open each pattern in the demo. |
| Collapse panels and resize the code panel | Hide the left or right panel for more canvas space, and drag the bottom panel edge when editing code or JSON. |
| Light and dark theme | Toggle the Designer theme in the header and check your form in both light and dark before handoff. |
