what is the difference between Form layout, form design and form builder

PrashanthiM0018
Kilo Contributor
 
4 REPLIES 4

Vipul Sethi
Mega Guru

Form Layout:
​This is a list-based tool (the "slushbucket"). You move field names from a left column to a right column to determine what appears on the screen. It is the only tool of the three that allows for dot-walking, which lets you pull in fields from related tables. It’s best for quick, non-visual administrative changes.
​Form Design:
​This is a visual drag-and-drop canvas. It shows a representation of the form where you can physically move fields and create new sections or columns. While it makes organizing the page easier than a list, it does not support dot-walking, meaning you can only work with fields already on that specific table.
​Form Builder:
​This is a web-based workspace tool. It combines the drag-and-drop style of Form Design with additional configuration panels. It is specifically designed to handle the setup for ServiceNow’s modern "Workspaces" and provides a consolidated interface for managing fields, sections, and views in one place.

Tanushree Maiti
Giga Patron

Hi @PrashanthiM0018 

 

Refer: 

https://www.servicenow.com/community/developer-forum/what-is-the-difference-between-form-layout-and-...

https://www.servicenow.com/community/developer-forum/form-builder-design-form-vs-layout-form/td-p/32...

https://www.servicenow.com/community/itsm-forum/difference-between-form-layout-and-form-design-in-se...

 

 

  • Form Layout (Configure > Form Layout):
    • Focus: Quick changes, linear lists of fields, legacy tool.
    • Best For: Simple, fast changes to field order, adding/removing existing fields.
    • Interface: Text-based, non-visual list.
  • Form Design (Configure > Form Design):
    • Focus: Visual arrangement, adding new fields, sections, and columns.
    • Best For: Complex layouts requiring visual layout control.
    • Interface: Drag-and-drop UI.
  • Form Builder (Configure > Form Builder):
    • Focus: Modern alternative to Form Designer; combines all functionalities.
    • Best For: New instances and advanced, user-friendly form creation.
    • Interface: Intuitive drag-and-drop with real-time previews

 

 

Please mark this response as Helpful & Accept it as solution if it assisted you with your question.
Regards
Tanushree Maiti
ServiceNow Technical Architect
Linkedin:

VaishnaviK3009
Kilo Sage

Hi @PrashanthiM0018 ,

  • Form Layout – Basic form customization tool used to add, remove, and reorder fields on a form.
  • Form Designer – Advanced classic UI form customization tool with drag-and-drop support for fields, sections, related lists, and formatters.
  • Form Builder –Modern Workspace form customization tool with drag-and-drop support for responsive, component-based forms in Agent Workspace and Next Experience. 

Mark this as Helpful if it clarifies the issue.
Accept the solution if this answers your question.

Regards,
Vaishnavi
Technical Consultant

 
 
 

yashkamde
Mega Sage

Hello @PrashanthiM0018 ,

If differentiating the difference between Form layout, form design and form builder..

 

Form LayoutForm DesignForm Builder
Traditional "Slushbucket" (Left/Right buckets).Visual Drag-and-Drop canvas.Modern, React-based Workspace-style editor.
Quick field additions and simple dot-walking.Complex layout changes (Sections, Annotations).Creating/Editing forms specifically for Configurable Workspaces.
Excellent; easy to pull fields from parent tables.Limited; more focused on current table fields.Integrated and intuitive within the modern UI.
None; you must save and view the record to see changes.Representative layout; shows sections and columns clearly.Real-time high-fidelity preview as you build.
"Old-school" developers and quick administrative tweaks.General UI16 form building and section management.App Engine Studio (AES) and Next Experience users.

 

 

If my response helped mark as helpful and accept the solution.