View and edit form JSON

Designer represents each form as JSON. Click </> in the header (tooltip Edit JSON) to open the editor. For everyday work, stay on the canvas and the Main / Rules tabs.

Open JSON view

  1. In the center header, click the </> JSON button (tooltip: Edit JSON) near the device preview controls.
Red arrow pointing to the Edit JSON button in the header.Red arrow pointing to the Edit JSON button in the header.
  1. The full Edit JSON editor opens with the form definition.
  2. Click the close control (×) when finished.
Edit JSON modal open with a red arrow pointing to the close button.Edit JSON modal open with a red arrow pointing to the close button.

The exact editor setup depends on configuration, including the Monaco editor and schema validation.

When authors use it

  • Compare two versions side by side with a diff tool after Download
  • Search for a key or label across a large form
  • Apply a bulk change your developer prepared

Safer alternatives

TaskPrefer
Transfer one JSON fileMenu → Download / Upload
Transfer stored forms in a ZIPMenu → Export forms / Import forms
Fix one fieldMain / Rules on canvas

See Save, export, and import forms for the complete transfer instructions.

Developers: For schema validation and API details, see Form’s JSON.

Summary

Export a backup before you edit JSON. Prefer the visual tabs. Ask a developer before large JSON changes.

See also