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?
