Mi band 6 to 7 converter and web editor

[Flore]

A watchface editor for mi band 4, 5, 6
with a feature to convert a mi band 6 watchface to mi band 7

You can try it here : https://watchface-web-editor.vercel.app/

To convert a mi band 6 watchface to mi band 7, select "Xiaomi mi band 6" if not already selected. Click "Open bin", select your mi band 6 bin file. If the File is valid it should display its content. Clic "Convert to band 7" To export a mi band 7 wathface file.

Everything runs client side in the browser and does not rely on any server, you can even use it offline.

This is a work in progress, the interface of the editor is still pretty basic. I was more focused on writting a javascript library to read/write the watchface bin files.
If you want to build you own web editor, you can use the underlying library. It's open source and available here : https://github.com/Nadeflore/watchface-js

You can also use it as a command line tool :
With node installed, you can install it globally with:

Code: Select all

npm i -g watchface-js

Then convert a watchface:

Code: Select all

wfjs convertBand6To7 -i mywatchface.bin

Limitations of the converter:
- Analog watch face does not work (yet ?)
- Text with a vertical spacing is displayed horizontally
- Minors differences due to how positionning works in newer watches

[ajulraj]

Nice work!
For a full featured watchface creator for mi band 7, is it possible to use the Amazfit Watchface Editor for Gts3 GTR3 ?
Because the mi band 7 and amazfit gt3 devices have the same zepp os

[Flore]

Nice work!
For a full featured watchface creator for mi band 7, is it possible to use the Amazfit Watchface Editor for Gts3 GTR3 ?
Because the mi band 7 and amazfit gt3 devices have the same zepp os

Thank you, I hope you found this usefull.

About using the official editor, you could in theory, but the packing is different, so it won't work that easily.

If you want to make watch faces for the mi band 7, the easiest way is simply to edit an existing one, it's just a zip file. You could start with one generated with this converter, rename it with a .zip extension, extract it and edit the index.js file found in the watchface folder. For the images assets, zepp os uses a non standard tga format. You can convert png to this format using the command line tool I made (see https://github.com/Nadeflore/watchface-js)
Or just use the converter integrated in the web editor : https://watchface-web-editor.vercel.app/ (click "Convert images to zepp os tga", select your png files, it should download a zip with the files converted)

[ajulraj]

I'm not talking about the official Editor by zepp..
Theres one created by Sashacx75 in these forums.. the source is also available in GitHub. I was talking about adding mi band 7 there also.

[Oscor]

If you want to make watch faces for the mi band 7, the easiest way is simply to edit an existing one, it's just a zip file. You could start with one generated with this converter, rename it with a .zip extension, extract it and edit the index.js file found in the watchface folder. For the images assets, zepp os uses a non standard tga format. You can convert png to this format using the command line tool I made (see https://github.com/Nadeflore/watchface-js)
Or just use the converter integrated in the web editor : https://watchface-web-editor.vercel.app/ (click "Convert images to zepp os tga", select your png files, it should download a zip with the files converted)

Hi flore, I love your page. It is very useful. Is there a way from your online editor to convert the tga files to png?
Because I don't know how to use the lines tool from github.

Thanks

[f4bulous]

Nice work there! I just tested the Web Editor with Mi Band 6 and Bip U, both working really well! Only issue i found was the colon separating the hours and minutes are missing in the preview, but that should be easy to fix.
Are you planning on adding Amazfit Band 7 support as well? Would be a great addition to the editor!

[Weeiiee]

Love the webconverter. It worked on my mi band 7.
By the way, any idea if there is a way to add a clickable link to mi band app.
i.e. weather picture , click to show weather app.

[minixiaohei]

Why don't I have the option to open the URL with miband7?

[BAEMON]

This tool is amazing, man! Now a doubt, will it be possible in the future to convert from 5 to 7? because definitely the best watchfaces are on 5

[chrisberl]

So, is there a way to make a watch face for mi band 7 now? It is march of 2023 and still the watch faces are pretty few

[marco.gsx]

I'm trying to convert png files using web editor but nothing happens, could someone help me?
I've tried all browsers
thanks

[Mongomery33]

Hello everyone, as of today May 16, 2023, is there any tool or editor to be able to make custom spheres for the Mi Band 7?

Thank you.

[QuantumQuill]

Hi all,

I understand some of you are facing issues with the current converter and might need some extra support with file conversions. I'd recommend trying out Converter365 PNG. It's a free online converter tool that's really easy to use and doesn't require any installation.

You can use it to convert various file types including image files like PNG and TGA, which should help with your watch face designs. Just select the file you want to convert, choose the format, and the tool does the rest for you.

Hope this helps and happy designing!