Overview

Introduction

LVGL Pro's Editor is an XML editor to simplify and speed up building embedded UIs.

Its core part is a powerful XML editor with a real-time pixel-perfect preview. Besides supporting the creation and preview of components and screens, it also supports describing UI tests, animations, translations, and basically everything defined in XML.

From the XML files, the Editor can export C code that can be embedded into the firmware just like any handwritten C code.

The Editor can also recompile its preview from LVGL and custom widgets written in C.

This section of the documentation describes how the Editor can be installed and used. To learn more about the XML format itself, visit this page.

Advantages

Using the Editor of LVGL Pro instead of writing XML by hand has several advantages:

  • see the components instantly in the preview,

  • use an inspector tool to visualize widget sizes, paddings, etc.,

  • autocompletion speeds up writing XML,

  • accelerate the reimplementation of Figma designs with the help of a Figma plugin,

  • support writing and running UI tests in seconds,

  • support adjusting the subject to test Data bindings.

The Editor can run as:

  • a stand-alone desktop application on Windows, Linux, and macOS;

  • a VSCode extension; and

  • online (via a web browser).