Hallo zusammen,
wer von euch kennt das nicht? Man möchte einen coolen Sensor, ein E-Ink-Display oder ein kleines Smarthome-Gadget mit einem ESP32 oder ESP8266 bauen und landet sofort bei ESPHome. Eigentlich ein geniales System â wenn da nicht diese Sache mit den YAML-Konfigurationsdateien wĂ€re.
Gerade fĂŒr Einsteiger ist das oft eine riesige HĂŒrde: Ein falsches Leerzeichen, eine falsche EinrĂŒckung, und schon bricht beim Kompilieren alles zusammen. Wer sich bisher genau davor gescheut hat, fĂŒr den gibt es jetzt ein echtes Highlight-Projekt auf GitHub: Den ESPConfig-Designer von sokolsok.
Was ist der ESPConfig-Designer?
Kurz gesagt: Es ist ein visueller Web-Editor (âNo-Code / Low-Codeâ) fĂŒr ESPHome. Anstatt kryptischen Code in einen Texteditor zu hacken, klickt ihr euch eure ESPHome-Konfiguration einfach ĂŒber eine grafische BenutzeroberflĂ€che zusammen!
Das Tool lÀuft entweder direkt als Home Assistant Add-on (taucht dann sauber in eurer Seitenleiste auf) oder als eigenstÀndiger Docker-Container auf eurem Server/PC.
Warum das Tool perfekt fĂŒr Einsteiger (und Faule) ist:
- Kein Code-Frust mehr: Ihr mĂŒsst keine YAML-Syntax auswendig lernen. Sensoren, LEDs, Relais oder Schalter werden einfach per Klick hinzugefĂŒgt und ĂŒber Masken konfiguriert.
- Intelligenter Fehlerschutz: Das Tool nutzt im Hintergrund feste Regeln (JSON-Schemas). Es lĂ€sst euch gar keine falschen EinrĂŒckungen oder ungĂŒltige Optionen machen.
- Live-Vorschau zum Lernen: WĂ€hrend ihr klickt, seht ihr in Echtzeit daneben, wie der YAML-Code generiert wird. Perfekt, um die Logik dahinter spielerisch zu verstehen!
- Displays kinderleicht gestalten: Wer schon mal versucht hat, ein Display in ESPHome via Code zu designen, weiĂ, wie anstrengend das ist. Hier gibt es einen visuellen Editor, mit dem ihr Anzeigen quasi wie in einem Grafikprogramm zusammenstellt.
- Alles aus dem Browser: Ihr könnt eure ESPs direkt aus der OberflÀche heraus validieren, die Firmware erstellen und das Ganze per USB oder WLAN (OTA) auf den Chip flashen. Ihr braucht keine zusÀtzliche Software auf dem PC.
Wie sieht das in der Praxis aus?
Das Interface ist super modern und teilt sich im Wesentlichen in ein Dashboard fĂŒr eure GerĂ€te, den visuellen Konfigurator und ein Asset-Management (fĂŒr Bilder, Schriftarten etc., die ihr auf Displays anzeigen wollt). Es behĂ€lt ĂŒbrigens die normale secrets.yaml bei, sodass eure WLAN-Passwörter absolut sicher und getrennt vom restlichen Code bleiben.
Wo finde ich das Projekt?
Das Projekt ist komplett Open Source. Schaut es euch am besten selbst mal an: 
GitHub-Link: GitHub - sokolsok/ESPConfig-Designer · GitHub
Ein gutes aktuelles ErklĂ€rvideo findet Ihr â Hier! â
Wichtiger Hinweis zum Hintergrund
Es ist kein Ersatz fĂŒr ESPHome, sondern eine Erweiterung. Es generiert Standard-YAML, das du jederzeit kopieren und ganz normal in deinem bisherigen ESPHome-Setup weiterverwenden kannst.
(Zusatzkontext: Der Entwickler hat das Tool unabhĂ€ngig entworfen, kurz bevor das offizielle ESPHome-Team ebenfalls einen eigenen, nativen âDevice Builderâ angekĂŒndigt hat. Dennoch bietet der ESPConfig-Designer â besonders durch den Display- und Asset-Manager â sehr mĂ€chtige Komfortfunktionen fĂŒr fortgeschrittene Bastler, die keine Lust auf das Schreiben von langen YAML-Dateien haben.)
Fazit: FĂŒr alle, die Bock auf eigene Smarthome-Hardware haben, aber bisher Angst vor der Code-HĂŒrde hatten, ist dieser Designer der perfekte Einstieg. Es nimmt dem Basteln mit ESPHome komplett den Schrecken.
Habt ihr das Tool schon ausprobiert oder nutzt ihr noch den klassischen Texteditor? Was sind eure Erfahrungen?
