In order to fulfill the basic functions of our service, the user hereby agrees to allow Xiaomi to collect, process and use personal information which shall include but not be limited to written threads, pictures, comments, replies in the Mi Community, and relevant data types listed in Xiaomi's Private Policy. By selecting "Agree", you agree to Xiaomi's Private Policy and Content Policy .


[Theme tutorials] [Step By Step Guide] Theme Designing Using Online Theme Editor

2017-01-23 03:40:48
124410 263
Edited by IPS at 2017-01-23 02:30 PM

Hi MIUIers,

Today I am presenting to you a step by step guide on
MIUI Theme Creation for First Timers.

The Prerequisites :

1) Designer Account.
2) Photo Editing Software (Eg. Photoshop).
3) Photo Editing Knowledge (Eg. Different image formats).

There are different ways of creating theme but the best & easiest way is to create theme using Designer Account.  To create a designer account goto
How To Create Designer Account For MIUI Theme Designing & as the page is in Chinese so translate it to your preferred language.

1) Login into your Designer Account.

2) Click on Activity tab.  As the page will be in Chinese, so do Translate it to your preferred language.

3) Click on Production Title icon (second icon with brush), which will take you to the Theme Creator.  These pages again need to be Translated to your preferred language.

This is Step 1, where you have to choose the Unlock Style of your choice from the 3 options provided.  Click on Next.

4) You will be asked to upload Lock Screen Wallpaper of 720 X 1280 pixels in JPG format.  Click on Next.

5) Now create Numbers 0 to 9 of 70 X 100 pixels & : (Colon) Sign of 30 X 100 pixels, all in PNG format.  Click on Next.

6) You now need to create Lock Screen Icons. that are in different dimensions.  Once done, click Next.

With this you have completed the Step 1.  Now moving to the Step 2.

7) Upload the Wallpaper for the device of 1440 X 1280 pixels in JPG format.  Click on Next to move ahead.

8) Here create Common Apps Icons of 192 X 192 pixels in PNG format.  Click on Next.  (SS is old hence shows 136 X 136)

9) Create some Additional Icons of 192 X 192 pixels in PNG format for Folder Background & Third Party App Icons Mask.

With this Step 2 comes to an end & now we move onto Step 3.

10) Here, select the Global Background & Basemap Color's to be applied.

11) Now, select Dialer Color & Icons for Dial Button.

12) Create Compose SMS Icon.

13) Choose Notification Dropdown Background & Icon Color.

This concludes the Step 3 & now your Theme is ready to be packaged.  So click Next.

14) This is Step 4 & here you need to enter the following :

Option 1
Theme Title
Name of your Theme
Option 2
Designer Name
Name/adopted name by which you want to be a known as a Theme Designer.
Option 3
Theme Description
Introduction about your Theme.

Theme Preview can be viewed on the other half side of the page.  There are 3 buttons at the bottom for :

Button 1
Save & See
Save the Theme & Preview it.
Button 2
Download A Trial
Download Packaged Theme MTZ File for Personal Testing.
Button 3
Submit Theme
For submitting the Theme for Review to Designer Team.

Now, press the Download A Trial button to download the file.  Once downloaded rename the file to name.mtz - where name could be anything you want.

NEVER PRESS Submit Theme button instead goto the Designer Account hompage to Upload the downloaded file after renaming it.

Precautions :

1) Complete the entire Theme Creation in one go as there is no way to save unfinished work.
2) Don't ever press the Submit Theme button else all your work will be lost.

!!!Happy Themeing!!!


Number of participants 6 Experience +37 Pack Reason

View Rating Log

2017-01-23 03:40:48
Favorites592 RateRate

Grandmaster Bunny

akibkhan | from MI MAX


Thanks for information.
2017-01-23 03:52:50
thanks for sharing
2017-01-23 04:10:01

News Reporter

Venk | from Redmi Note 3


Very informative and useful for starters
2017-01-23 04:17:24

Master Bunny

ronak.dave.65 | from Mi 4i


great thread
2017-01-23 04:45:38

Master Bunny

Mashu MvT | from app


Awesome thread
2017-01-23 04:48:53

Pro Bunny

Arpan Sinha | from MI MAX


thanks important information
2017-01-23 06:31:22
thanks for sharing you view
2017-01-23 06:58:29

Master Bunny

Er Rashid ahmad | from Redmi Note 3


much needed information. thanks for this nice thread
2017-01-23 08:15:16

Master Bunny

Firdaus Rahman | from Redmi Note 3


awesome !!!!!!
2017-01-23 09:45:37

Advanced Bunny

Shrayansh Jha | from Redmi Note 3


thanks for helping us
2017-01-23 09:49:28
please sign in to reply.
Sign In Sign Up


Super Moderator

Beta Tester
India 2nd year
100K members
APP scratch card
6th MIUI
Mi Max
Independence Day
100 threads in a Month
3 Days Check-In
7 Days Check-In
21 Days Check-In
40 Days Check-In
70 Days Check-In
Lucky Draw No.
500K Members
Christmas Contest
2016 Christmas
Mi Explorers
Pokemon Go!
1 million members
Xiaomi 7th Birthday
Resources Star
Resources guru
Fitness Guru
1st Anniversary
Resources Maha Guru
Throwback With Mi 2018
Xiaomi's 9th Birthday

Read moreGet new
Copyright©2016-2019, All Rights Reserved
Content Policy
Quick Reply To Top Return to the list