Question 1

What is the difference between this designer and coding LVGL directly?

Accepted Answer

This visual designer makes it much easier to create UI layouts without writing code. You can drag and drop widgets, see your changes in real-time, and generate YAML configuration automatically. It's perfect for non-technical users or rapid prototyping.

Question 2

Can I edit the generated YAML manually?

Accepted Answer

Yes! The generated YAML is standard ESPHome format. You can edit it manually and then import it back into the designer. The designer will preserve your manual edits if you re-import the YAML.

Question 3

Is my design data stored on a server?

Accepted Answer

No, all your designs are stored locally in your browser's storage. Nothing is sent to any server. Your data is always under your control.

Question 4

What happens if I clear my browser history or cookies?

Accepted Answer

Your designs will be lost if you clear browser data. We recommend exporting your designs as YAML files regularly as a backup. You can always re-import them later.

Question 5

Can I create multiple screens or pages?

Accepted Answer

Yes! Use canvas tabs to create multiple screens. Each tab can have a different layout. When you export to YAML, all screens are included in the configuration.

Question 6

What screen sizes are supported?

Accepted Answer

Any size! The default is 240x320 pixels, but you can change the canvas dimensions to match your ESP32 display. Common sizes include 480x320 (TFT_eSPI), 800x480 (larger displays), and 128x64 (OLED displays).

Question 7

Which widgets support custom properties?

Accepted Answer

Most widgets support customization. Buttons, sliders, switches, and other interactive elements have specific properties. Container widgets can group other widgets together. Check the properties panel when you select a widget to see all available options.

Question 8

How do I use colors in the designer?

Accepted Answer

You can use either a color picker (click the colored square) or enter color values directly. Supports both hex format (#RRGGBB) and LVGL format (0xRRGGBB). The preview shows colors exactly as they'll appear.

Question 9

Can I import a YAML file from an existing ESPHome project?

Accepted Answer

If the YAML is in the LVGL format, yes! Click the Import button and select your YAML file. The designer will load the configuration and you can continue editing visually.

Question 10

Does the designer work offline?

Accepted Answer

Yes! The designer is a web application that works entirely in your browser. Once loaded, it doesn't require an internet connection to function.

Question 11

What browsers are supported?

Accepted Answer

The designer works on all modern browsers: Chrome, Firefox, Safari, and Edge. We recommend using the latest version of your preferred browser.

Question 12

Can I use custom fonts?

Accepted Answer

Font support depends on your LVGL setup in ESPHome. The designer generates standard YAML that supports any fonts configured in your ESPHome instance.

Question 13

Is there a size limit for designs?

Accepted Answer

There's no strict limit, but keep in mind that ESP32 devices have limited memory. The complexity of your UI should match your device's capabilities. Test on your target device to ensure it runs smoothly.

Question 14

How do I handle interactions and callbacks?

Accepted Answer

Currently, the designer focuses on layout and styling. For complex interactions and event handling, you'll need to add logic to your ESPHome YAML configuration manually. The designer generates the UI structure which you can then enhance with automation.

Frequently Asked
Questions

Troubleshooting

Report an Issue