pdf-icon

UIFlow Guide

UIFlow 1.0 Quick Start

1. UIFlow Web IDE 1.0

UIFlow 1.0 Blockly

Event

Event

Atomic Base

QR-Code2
Blockly Custom

UIFlow 1.0 Project

UIFlow 1.0 File Manger

UIFlow 2.0 Quick Start

1. UIFlow Web IDE 2.0

UIFlow 2.0 Blockly

UIFlow 2.0 API Docs

UIFlow 2.0 Project

Import & Export Project
Device Share
Project Zone
File Manager

M5Burner

M5Burner Install
Firmware Export
Firmware Publish

Desktop IDE

UIFlow 1.x Desktop IDE

Quick Start Guide for UIFlow Web IDE

UIFlow 2 is a graphical programming IDE that is easy for everyone to use, with wireless/wired program push, program click and run, and no need to compile repeatedly. It supports 100+ M5 hardware peripherals and sensors, and supports one-click addition and expansion, effectively helping product prototype construction and speeding up the development process to the final product. In this tutorial, we will show you how to burn the UIFlow 2.x version firmware on your M5Stack device and use the UIFlow Web IDE for secondary development of the product.

1.Getting Started

Before programming with UIFlow, there are a few preparation steps:

  • 1.Install the M5Burner firmware burning tool.
  • 2.Use M5Burner to burn the firmware for the corresponding device, log in to your account, and configure Wi-Fi connection for the device.
  • 3.Open the UIFlow Web IDE 2.0 version , select the appropriate online device option, and click to connect.
  • 4.Drag and drop blocks to edit the program, and click the Run button to debug the program.
  • Additional Information:
    • M5Burner is a unified firmware burning tool introduced by M5Stack. It allows users to easily burn UIFlow firmware and write configuration information such as Wi-Fi settings during the burning process.

2.Installing M5Burner

Please click on the appropriate button below based on your operating system to download the corresponding M5Burner firmware burning tool. Unzip and open the application.

Software Version Download Link
M5Burner_Windows Download
M5Burner_MacOS Download
M5Burner_Linux Download

3.M5Stack Community Account

The M5Stack Community is a professional communication platform tailored by the M5Stack team for enthusiasts of M5Stack devices and IoT developers.

Register an M5Stack Community account, which can also be used to log in to M5Burner and UIFlow 2.0 / UIFlow 1.0. You can also access the login page in M5Burner software, UIFlow 2.0 / 1.0 software, or the web version and click the "Register" button to register for an M5Stack Community account.

After using M5Burner to burn firmware information, the device's unique MAC address will be bound to the M5Stack Community account. When a user logs into UIFlow 1.0/2.0 with their M5Stack Community account, they can view all the devices currently bound to their account by clicking the device management button.

Note:
If the device is not unbound from the original device owner, other users who try to burn new programs will not be able to sever the MAC address's relationship with the original device owner. They will need to notify the original device owner to unbind it before they can burn new user information and bind it to their own account.

If a user wishes to unbind a device from their account and rebind it again:

  • 1.Re-burn the UIFlow 1.0/2.0 firmware (this will unbind the device from the original device owner and remove any existing account bindings. If the device is still bound, the user will need to contact the original device owner to unbind it).
  • 2.View the device's MAC address and bind the device through the UIFlow 1.0/2.0 device interface by filling in the MAC address (this method can be used if the original device owner is the current user).

4.Firmware Burning & Running Programs

Refer to the programming tutorial for the corresponding product and upload the program.

Chip Product Name Learn
ESP32-S3 M5CoreS3 Programming Tutorial
ESP32-S3 M5Dial Programming Tutorial
ESP32-s3 M5Dinmeter Programming Tutorial
ESP32-S3 AtomS3U Programming Tutorial
ESP32-S3 AtomS3/AtomS3Lite Programming Tutorial
ESP32-S3 AirQ Programming Tutorial
ESP32-s3 StampS3 Programming Tutorial
ESP32-S3 CardPuter Programming Tutorial
ESP32 M5CoreInk Programming Tutorial
ESP32 M5Tough Programming Tutorial
ESP32 M5Paper Programming Tutorial
ESP32 M5Station Programming Tutorial
ESP32 Capsule Programming Tutorial
ESP32 Fire Programming Tutorial
ESP32 Atom Lite Programming Tutorial
ESP32 AtomU Programming Tutorial
ESP32 M5StickC/M5StickCPlus/M5StickCPlus2 Programming Tutorial
ESP32 Atom Matrix Programming Tutorial
ESP32-S3 AtomS3 Programming Tutorial
ESP32 M5Core Programming Tutorial
ESP32-S3 M5Core2 Programming Tutorial
ESP32 Stamp Pico Programming Tutorial
On This Page