Skip to main content
The Studio is where you build your form. It opens automatically when you click into any form from the dashboard, and it fills the entire screen so you can work without distraction. The Feedal Studio with Content, Workflow, and Connect tabs

​
The three tabs

The Studio is divided into three tabs, accessible from the tab switcher at the top center of the screen.

Content

Add and edit questions, screens, and text. Build what respondents actually see and answer.

Workflow

Arrange nodes visually and draw connections between them to define the form’s flow and conditional routing.

Connect

Set up integrations that trigger when your form receives a submission — Slack, Google Sheets, webhooks, and more.

​
The Content tab layout

The Content tab has three resizable panels: 
┌─────────────────┬──────────────────────────────┬─────────────────┐
│                 │                              │                 │
│   Left sidebar  │          Canvas              │  Right panel    │
│   (node list)   │   (active node, live theme)  │  (node config)  │
│                 │                              │                 │
└─────────────────┴──────────────────────────────┴─────────────────┘
Left sidebar — lists every node in the form, grouped into three sections: Start Screens, Questions, and Endings. Click any node to select it and bring it into the canvas. Drag nodes to reorder them within a group. Canvas — renders the selected node as it will appear to respondents, with your active theme applied. Edit the node’s title and description directly in the canvas. Right panel — shows type-specific configuration for the selected node (placeholder text, validation, options, etc.). Switches to Design mode for theme editing, or Settings mode for form-level settings.

​
The top bar

The top bar is visible across all three tabs.
ElementWhat it does
← FormsNavigate back to the forms dashboard
Form titleClick to rename the form inline; press Enter or click away to confirm
Save statusReal-time indicator: “All changes saved” · “Unsaved changes” · “Saving…” · “Save failed”
ResultsOpens the Results hub for this form (appears only after the first publish)
SaveSaves the draft immediately; disabled when there are no unsaved changes
PublishValidates the graph and creates a new published version from the current draft
If Publish fails, a list of specific validation errors appears below the button — for example, “Entry node is missing” or “Node has no outgoing edges”. Fix each issue and try again.

​
The canvas toolbar

A secondary toolbar sits at the top of the canvas area inside the Content tab.
ControlWhat it does
Add contentOpens the Add Content modal to insert a new node
UndoReverts the last change
RedoRe-applies an undone change
PreviewOpens the live form in a new tab in preview mode (no session created)
DeviceSwitches the canvas frame: Desktop · Tablet (768pt) · Mobile (390pt)
DesignOpens theme and visual design options in the right panel
SettingsOpens form-level settings in the right panel

​
Device preview

The device preview simulates how your form looks on different screen sizes.
ModeSimulated widthFrame
Desktop680 px — no frameNone
Tablet768 ptRounded device frame
Mobile390 ptPhone frame
Device preview is visual only — it does not create a session or submit data. Use the Preview button to open the form in a new browser tab and test the full respondent experience.

​
Next steps

Saving and versioning

Learn how autosave, manual save, and publishing interact.

Adding content

Add your first question or screen.

Keyboard shortcuts

Speed up your workflow with keyboard shortcuts.

Workflow canvas

Connect nodes and define the form’s flow.