The Proton WidgetEditor Tab

Editor Tab

Use the Proton Widget's Editor tab to change your converted section visually, without touching code.

Use the Editor tab to change your section visually, without touching code. It's a full visual builder for the converted section.

What you can do

  • See the structure. The layer panel shows the exact structure, so you can select, reorder, add, or remove any element: containers, headings, buttons, links, images, any HTML tag.
  • Style anything. Pick an element and shape it through seven dedicated style controls.
  • Use your brand styles. Your synced Figma globals are ready as classes, and you can create your own.
  • Edit with confidence. Every change updates live in the preview, so you never edit blind.

Screenshot: the Editor tab, layer panel on one side, the style controls, and the live preview.