Form Builder Canvas
TinyForms uses a node-based visual builder, the same canvas technology as TinyWorkflows. Each question is a node, connected in the order respondents will see them.
Canvas layout
| Area | Description |
|---|---|
| Canvas | The main workspace: drag and arrange question nodes |
| Question palette | Add new questions; click to browse all 41 field types |
| Properties panel | Click a question node to edit its settings (5 tabs) |
| Preview | Preview the form as respondents will see it |
| Publish | Publish and share the form |
Adding questions
- Click + Add Question or press the add button
- Browse the field type categories
- Click a field type to add it to the canvas
- The question node appears, connected to the previous node
Connecting questions
Questions auto-connect in order. To change the flow:
- Drag connections: click a node's output port and drag to another node's input
- Reorder: drag nodes to new positions on the canvas
- Branch: add If-Else logic nodes between questions for conditional flows
Question node configuration
Click any question node to open its properties panel with 5 tabs:
| Tab | What you configure |
|---|---|
| Design | Question text, description, placeholder, help text, appearance |
| Data | Default value, variable name, data mapping, URL pre-fill |
| Settings | Required/optional, read-only, hidden, conditional visibility |
| Validations | Format rules, min/max, custom patterns, error messages |
| Image | Attach an image alongside the question |
Logic nodes
Add logic between questions:
| Logic node | What it does |
|---|---|
| If-Else | Branch based on a previous answer: show different questions for different responses |
| Jump To | Skip directly to a specific question (non-linear flow) |
Preview
Click Preview to see the form as respondents will experience it:
- Test all three display modes (Card, Classic, Chat)
- Fill in answers to test conditional logic
- Verify validation rules work
Saving and publishing
| Action | What it does |
|---|---|
| Save | Persists your changes as a draft |
| Publish | Makes the form live and accessible via URL/embed |
| Unpublish | Pauses the form; existing submissions are preserved |
Tip
Build your form in order: Welcome Screen → questions → Thank You Screen. This creates a clear flow that's easy to test and debug.
Note
The canvas saves automatically as you work. But you must explicitly Publish for changes to be visible to respondents.