HoneyDesigner
Visual Embedded GUI Designer | Drag & Drop → Auto-generate C Code → Compile & Simulate
Features
| Category |
Content |
| Design |
Drag & drop visual designer with live preview |
| Components |
Buttons, labels, images, inputs, progress bars, sliders, video, 3D models |
| Code |
HML → C code generation with user code protection |
| Simulation |
One-click compile & run, works offline |
| Resources |
Image/font/video/3D model converters |
Installation
Search VSCode Marketplace for "HoneyDesigner" → Install
Web Version
Try it in the browser without installing anything: https://realmcu.github.io/HoneyDesigner/
- Design HML and generate HoneyGUI / LVGL C code in Chrome, Edge or Firefox
- Projects are stored in the browser; import and export them as ZIP. In Chrome and Edge you can also open a local project folder directly
- Works offline after the first visit and can be installed as an app from the address bar
- Simulation, UART download and resource conversion need the VS Code extension: export the project as ZIP and open it in VS Code
Quick Start
| Step |
Action |
| 1 |
New Project - Click HoneyDesigner icon in sidebar |
| 2 |
Design - Double-click .hml file, drag components to canvas |
| 3 |
Run - Click ▶ Compile & Simulate in toolbar |
Resource Conversion
Ctrl+Shift+P → HoneyDesigner: Resource Conversion Tools
| Type |
Input |
Output |
| Image |
PNG, JPG, BMP |
BIN |
| Font |
TTF, OTF |
BIN |
| 3D |
OBJ, GLTF, GLB |
BIN |
| Video |
MP4, AVI, MOV |
MP4 (H.264) |
Project Config
project.json
{ "name": "my-project", "resolution": "480X272" }
License
MIT
Links
| |
