Cardputer Screen Pro

About this plugin

Transform your Figma designs into production-ready Arduino code for M5Stack Cardputer in seconds.🚀 KEY FEATURES- Multi-Screen Navigation - Export complete apps with automatic state machine- Smart Component Detection - Auto-converts buttons, menus, and interactive elements- Image to Byte Array - Automatic PNG/JPG conversion to C++ PROGMEM arrays- Live Preview - Virtual Cardputer simulator shows your design in real-time- Memory Optimization - Efficient code generation for ESP32 constraints- Professional Output - Clean, commented, production-ready Arduino code⚡ EXPORT MODES1. Single Screen - Quick static display export2. Multi-Screen Navigation - Full app with Fn+Tab switching3. Complete Project - PlatformIO-ready project structure🎨 DESIGN SUPPORT- Shapes: Rectangle, Circle, Ellipse, Line- Text with automatic size estimation- Fill and stroke visibility- RGB to RGB565 color conversion- Nested frames and groups- Component instances💡 PERFECT FOR- IoT developers building Cardputer interfaces- Rapid prototyping hardware UIs- Educational projects- Professional embedded systems📱 OUTPUTStandard M5Cardputer library code (240×135px display)Compatible with Arduino IDE and PlatformIO🎯 WORKFLOW1. Design your UI in Figma (240×135px frame recommended)2. Select frame(s) to export3. Click "Export to Arduino"4. Copy code or download .ino file5. Upload to your Cardputer - Done!No coding required for basic UIs. Professional developers get clean, customizable code.