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 MODES

1. Single Screen - Quick static display export

2. Multi-Screen Navigation - Full app with Fn+Tab switching

3. 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

📱 OUTPUT

Standard M5Cardputer library code (240×135px display)

Compatible with Arduino IDE and PlatformIO

🎯 WORKFLOW

1. Design your UI in Figma (240×135px frame recommended)

2. Select frame(s) to export

3. Click "Export to Arduino"

4. Copy code or download .ino file

5. Upload to your Cardputer - Done!

No coding required for basic UIs. Professional developers get clean, customizable code.