Docs
Displays from Figma
In short
Paste a Figma link. Frames sized to your display become screens; components named by role become widgets with stable IDs for the firmware.
Naming conventions
Figma
Becomes
Frame named page/… at display size
A screen / page
btn/…
Button; Pressed variant = pressed image
Text field with a stable ID
progress/…
Progress bar
img/…
Picture, converted to the display colour format
Checks
Images and fonts fit the display’s flash
Touch targets at least 44 px on resistive screens
Every button is handled in the firmware
Targets
Nextion (screen spec plus a guided step in the Nextion Editor), LVGL, TFT/OLED/e-paper drivers and web UIs.
figma.com/design/<file>/<name>?node-id=1-2 → 9 frames → 9 pages · 41 widgets · 1.9 MB
Previous
← Red-team findings
Next
3D enclosures →
View as Markdown · Copy for AI