I have a Guition 480x480 ESP32-S3 screen I'd like to use the designer on. I mainly want a clock with toast pop ups alerting of camera movement, washer/dryer done and a few icons showing how many lights and doors are open. Perhaps some thresholds for temperature. I had trouble seeing the toast popups and figuring out how they are to be used. Also I didn't see the support for the screen.
Any help would be appreciated.
v1.3.0 is out
Hello all, been working on the new version for a while and today is the day.
Biggest change: new Split/Code modes with an improved YAML editor - side by side with the canvas, feels more like a code sandbox now.
Another big one: your esphome device config yaml (board, wifi, sensors…) is now supported inline and never touched - only the lvgl: block gets regenerated. An experimental toggle also lets you hand-edit the lvgl block and re-import live.
Also new: board presets. New Project now has a visual board gallery - pick your board and the display, touchscreen and hardware config is filled in for you as a full preset, or just go with a custom size like before.
Other improvements: full MDI icon catalogue, improved e-paper support with palette-accurate previews and added 4-color mode, new Meter/gauge widget, resize from any side/corner, and more styling options.
Feedback is welcome and appreciated as always. Hope you enjoy using the tool!
@ESPBoards it looks like the only selectable font is Montserrat. How would you go about adding in additional fonts, like Roboto?
Hi @AFrigginBiscuit, sorry for late reply - indeed currently only Montserrat font is supported. If you want to use another font, you would have to add it manually in the yaml. The designer of course will display it as Montserrat but it will have a marking showing it would use different font on real device. I am planning to add more fonts support soon.
@ESPBoards I really like the editor! Great Job and many thanks! I created my first project on a Guiton 480x480 px Display.
I have a few questions:
- Is there a possibility to save my projects locally? Sometimes I use my PC and sometimes my Notebook and I want to work on the same project.
- In case I would buy a component package, will I be able to use it on my PC as well as on my notebook?
I did a lot of manual tweaking in my ESPHome YAML after exporting the project from the designer so I am not able to reupload it to the LVGL designer. That´s why I do adjustments or additions in the web editor and then switch to the code view to copy and paste parts of the project to my ESPHome YAML.If you are interested, I will do a list of things that seem to be missing in my opinion.
Hi @EvilSuperBrain,
Currently there’s no straight forward way to save the projects and switch between devices easily. This has been already requested from several users and I am already looking on how to make it easier to work on the project with multiple devices.
Yes of course, the component packs can be imported to the designer on any device and you can use it with as many devices as you wish.
The list of missing things would be greatly appreciated, if you don’t mind! I’m already aware of a few gaps (for example data control, which still has to be added manually in the YAML), but hearing what else people run into in real projects is exactly the kind of feedback that helps me prioritise.
Thanks a lot for the feedback.
O.k. here is a first reaction.
- The widgets seem to be more complete than I first thought. I compared them with those in the LVGL docs of ESPHome.
- I would really appreceate a color picking tool. Copy and paste is possible but I have to navigate with many clicks to find the element and right color definition. Then I have to navigate back to the element I was editing. Just clicking on an element in the design view with a color picker would be much easier.
- I like the structure of naming the IDs of the elements of the predefined widgets. But when I have made my adjustments to the widget I like to copy it. In this case the IDs of the copied widget will become cryptic.
- In the first version I was working with, many parameters of the appearance were simply listed. I liked it. Now the parameters will pop up at the left after clicking. In my personal opinion this is too much clicking.
Just my two cents.
Update: Just bought the “Smart Home Complete” package.
Now that I have bought the package using my notebook, how do I identify on my PC to use the package there?
EDIT: The confirmation mail made it clear 
Does it support crowpanels?
It looks like crowpanels are not supported out of the box. But if you have the parameters for ESPHome, it should be no problem. In the designer you can create a project with a custom display size, and color order.