Form building screen examples

Dock

Design editor where the user configures a customer onboarding form by adding and arranging content blocks like file uploads and text.

• Form
• Add & Create

Glide

Design editor where the user configures a mobile app layout, currently editing a Users Form container with fields for name, email, and photo via an inspector panel.

• Design Editor
• Form

Kajabi

Design editor where the user configures a multiple-selection assessment question by editing its text and adding answer options.

• Edit
• Form

Jimo

Design editor where the user configures a success step for a survey, managing elements in a layers panel and adjusting animation settings in an inspector.

• Edit
• Design Editor

Tines

Design editor where the user configures the properties of an email input field via a floating inspector panel over a custom form layout.

• Form
• Edit

Ballpark

Form builder where the user is prompted to confirm deleting an instruction step, with a warning that it will remove conditions from another step.

• Confirmation
• Delete

Polar

Settings page where the user creates a new custom field by selecting its data type and configuring its validation constraints in a side drawer.

• Settings
• Form

Kit

Form builder where the user customizes the header styles, including font color and weight, for a subscriber growth form.

• Form
• Edit

Height

Settings page where the user configures a feature request task form by adding questions and selecting an icon and color.

• Form
• Edit

Intercom

Settings page where the user configures automation rules like upfront data collection forms for users sending their first message.

• Automation
• Settings

Auth0

Design editor where the user builds an authentication form flow using a drag-and-drop node canvas and configures hidden fields in an inspector panel.

• Form
• Add & Create

Readymag

Design editor canvas where the user is configuring the fields of a selected form component via a floating properties panel.

• Edit
• Form