Uploaded April 2022 | Updated September 2026, 1 week ago

---

What is the Nextion Editor and How to use it. Once you have the Graphic elements and 'Pages' made, it's time to build the HMI (Human Machine Interface). For this you need the NEXTION Editor Interface Designer (Download link below).
This tutorial will show you everything you need to assign Switches, Buttons and Touch Screen areas for your Sonoff NSPanel and get it ready for ESPHome control - IMHO is easier than tasmota 😉

💖Download the Nextion Editor here: https://nextion.tech/nextion-editor/

🎁Project Files ↪ github.com/3ative/NSPanel-Building-the-HMI

🎬 THE LINKS - Files / Help / Support:
- 🛒 Other files & Merch: store.3ative.com
- 💎 3ATIVE DISCORD: discord.com/invite/3RbZgvHeJ9
- ☕ Buy me a Coffee: buymeacoffee.com/3ative
- 💕 PATREON: patreon.com/3ative
- 💯 Get the Gadgets, Devices and Tools I use: Amazon UK: amzn.to/3uRw8fi
* As an Amazon Associate I earn from qualifying purchases. Using this link ⇈ provides small monetary support for my channel at no extra cost to you.💖

Chapters:
00:00 Intro
00:08 1.0 Building a new HMI
01:57 2.1 The Light Button
05:10 2.2 UP/DOWN Buttons
07:00 3.0 Thermostat Button
10:31 4.1 "Relay" Lights
12:37 4.2 Disable Touch
13:40 4.3 The Home Button
15:12 5.0 Text Boxes
16:00 5.1 Making Fonts
19:18 6.0 Making a New Page
21:02 6.1 Duplicate Relays and Home Buttons
23:46 7.0 TFT & Touch Offset
24:30 8.0 Compiling & Output File
25:19 Outro

💖 I hope you like this Home Assistant setup guide for your smart home 💖

#Sonoff #Custom #NSPanel

-~-~~-~~~-~~-~-
Please watch: "IKEA VINDRIKTNING v2 ESP32 Upgrade Commercial Accuracy for £10"
youtube.com/watch?v=qBNmliH7PwI
-~-~~-~~~-~~-~-