FAQ

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.

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.

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.

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.

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.

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).

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.

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.

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.

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

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

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

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.

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.