Creating your own theme for Xiaomi: from idea to installation

The theme of Xiaomi’s smartphone design is not just background images and icons, it’s a full-fledged visual style that changes the perception of the interface. MIUI From settings menus to unlock animations. Many users install pre-built themes from the Theme (the default app), but what if you want something unique? You can create your theme for Xiaomi even without a deep knowledge of design β€” enough patience and the right tools.

In this article, we will look at the entire process, from design layouts to testing and publishing a theme, and learn what programs to use to edit interface elements, how to package a theme into.mtz format and install it on your device. And if you plan to share your creation with others, we will tell you how to upload the theme to the official store. MIUI Theme Store (with all moderation requirements in mind).

Important: the process of creating themes for Xiaomi requires attention to detail. For example, the wrong resolution of icons or the absence of mandatory elements (for example, a lockscreen for the lock screen) will lead to the theme either not installing or will appear cluttered. But don’t worry, we will analyze each step in detail to avoid typical errors.

1. What you need to create a theme on Xiaomi

Before you start designing, prepare everything you need. Here's the minimum set of tools and knowledge:

  • πŸ“± Xiaomi device based on the MIUI 12/13/14 (The newer version, the more possibilities for themes. Any smartphone from Redmi Note will do. 10 Xiaomi 14 Ultra.
  • πŸ’» Computer with Windows/macOS/Linux The average laptop has enough power, so that the software doesn't slow downΒ».
  • 🎨 Graphic editors: Adobe Photoshop or GIMP (for image editing) Adobe Illustrator or Inkscape (for vector icons) Figma or Canva (for prototyping layouts)
  • πŸ“‚ The official templates from Xiaomi can be downloaded here (they include folder structure and file examples).
  • πŸ”§ Packaging tools: MIUI Theme Editor (official software for creating themes) 7-Zip WinRAR (for working with archives)

If you're new to design, don't start with complex elements. Start with simple changes: replace background images, change color schemes, or add your icons for standard applications (Phone, Messages, Camera).

⚠️ Attention: Topics for MIUI They're strictly tied to screen resolution. If you're creating a theme on a Redmi Note. 12 Pro+ (permit 1080Γ—2400), It may not be displayed correctly on POCO F5 (1080Γ—2400, But a different softkey bar. Always test the theme on multiple devices.

πŸ“Š What Xiaomi device do you want to create a theme on?
Redmi Note Series Series Series
POCO F/X/M
Xiaomi 13/14 Series
Other

2. Theme Structure: Which Files and Folders Are Required

The theme for Xiaomi is an archive with an.mtz extension, which has a strict folder structure inside it, and if you skip one of the mandatory elements, the theme won't be validated. Here's the basic structure:

miui/


β”œβ”€β”€ description.xml #Metadata topics (title, author, version)




β”œβ”€β”€ preview/ # Preview for theme store




β”‚ β”œβ”€β”€ preview_1.jpg




β”‚ └── preview_2.jpg




β”œβ”€β”€ wallpaper/ # Wallpaper




β”‚ β”œβ”€β”€ lockscreen.jpg # Lock screen




β”‚ └── homescreen.jpg # Main screen




β”œβ”€β”€ icon/ # App icons




β”‚ β”œβ”€β”€ com.android.phone.png




β”‚ β”œβ”€β”€ com.android.mms.png




β”‚ └──...




β”œβ”€β”€ font/ # Fonts (optional)




β”‚ └── custom.ttf




└── style/ # Color schemes and styles




β”œβ”€β”€ colors.xml




└── styles.xml

Pay attention to the file. description.xml β€” This is your subject's passport:

  • Unique. theme_id (For example, com.example.mytheme)
  • Theme version (version)="1.0")
  • Supported screen resolutions (<screen>1080x2400</screen>)
  • Author and contacts (if you plan to post in the store)

To simplify the work, use the official MIUI Theme Editor.The program will automatically create a pattern of structure and help generate description.xml. You can download it on the Xiaomi website (registration is required in the MIUI Theme Designer Program).

Example description.xml for the topic
<?xml version="1.0" encoding="utf-8"?> <theme> <name>My Custom Theme</name> <author>Your Name</author> <email>your@email.com</email> <version>1.0</version> <screen>1080x2400</screen> <screen>1080x2340</screen> <preview>preview/preview_1.jpg</preview> </theme>

3. Design of theme elements: from wallpaper to icons

The most creative part is creating visual elements, and there are no hard rules, but there are guidelines that will help your topic look professional.

Wallpaper (wallpaper)

  • πŸ–ΌοΈ Permission: minimum 1080Γ—2400 pixels (for modern smartphones). 13 Ultra or Mix Fold 3 need 1440Γ—3200.
  • 🎨 Format: JPG or PNG (No compression of artifacts. For transparency, only PNG-24.
  • πŸ”„ Two mandatory files: lockscreen.jpg – lock screen (take into account the location of time, date and notifications) homescreen.jpg – home screen (the area for icons should be free)

Icons (icon)

Icons are the most laborious thing you'll need to do. PNG-Images for each standard and third-party application:

  • πŸ“± 192Γ—192 px - standard for MIUI (scale automatically)
  • πŸ–ŒοΈ Style: the same for all icons (e.g. minimalism, 3D, Use Adobe Illustrator for vector layouts.
  • πŸ” File names must be the same as package_name applications (e.g. com.android.phone.png for "PhoneΒ»).

Tip: if you do not want to draw icons from scratch, take as a basis free sets with Flaticon or Icons8, Then adapt them to your theme style.

Color schemes (style/colors.xml)

File. colors.xml It defines the interface palette: the color of the notification panels, the background elements, the text:

<resources>


<color name="miui_color_primary">#FF5722</color> <!-- Primary color -->




<color name="miui_color_secondary">#FF9800</color>




<color name="miui_color_background">#FFFFFF</color>




<color name="miui_color_text_primary">#212121</color>




</resources>

Use Coolors or Adobe Color to match harmonious colors. Avoid too bright shades - they tire the eyes with prolonged use.

πŸ’‘

To check how your color scheme looks in practice, apply it temporarily through Settings. β†’ Screen. β†’ Colors (if your version) MIUI customize).

4. Packing the theme in.mtz format

When all files are ready, you need to pack them into a.mtz archive.

Method 1: Through MIUI Theme Editor

  1. Open the program and import the theme folder (File) β†’ Import Theme).
  2. Check the structure: the editor will highlight the missing mandatory files.
  3. Press File. β†’ Export as MTZ and keep the archive.

Method 2: Hand-held packaging

  1. Download MTZ-Builder (open source tool).
  2. Place the miui folder in the root directory of the program.
  3. Run the script. build.bat (Windows or build.sh (macOS/Linux).
  4. The finished theme.mtz file will appear in the output folder.

Before packaging it is necessary:

All required folders (wallpaper, icon, style) are in place

File. description.xml well-filled

Wallpaper corresponds to the resolution of target devices

Icons have the right names (package_name.png)

Color scheme in colors.xml contains no errors

-->

⚠️ Note: If the package error occurs "Invalid theme structure", check: No Cyrillic characters in file/folder names. Correct paths in the file description.xml (for example, <preview>preview/preview_1.jpg</preview> File resolution: wallpaper should not exceed 5 MB, icons β€” 200 KB each.

5. Install theme on Xiaomi device

The finished.mtz file can be installed in two ways: through the standard Theme application or manually through the ADB (if the topic does not pass validation).

Method 1: Through the "Themes" app

  1. Copy theme.mtz file into your phone’s memory (for example, into your Download folder).
  2. Open the Topics app β†’ Profile β†’ My subjects. β†’ Imports.
  3. Select your file and wait for the installation.
  4. Apply the theme through My themes β†’ Local.

Method 2: ADB (for experienced users)

If the theme is not installed through the application (for example, due to version inconsistency) MIUI), use ADB:

adb push theme.mtz /sdcard/MIUI/theme/


adb shell am broadcast -a miui.intent.action.CHANGE_THEME --es theme /sdcard/MIUI/theme/theme.mtz

After completing the commands, restart the device.

If the topic is not applied or displayed incorrectly:

Problem.Possible causeDecision
Theme is not setThe wrong structure of.mtz or description.xmlCheck the archive through MIUI Theme Editor
Icons don't change.Lack of icons for system applicationsAdd the missing files to the folder icon/
Colors do not applyMistake in colors.xml or incompatible with the version MIUICheck the syntax of the file and update it. MIUI
Wallpaper stretchedIncorrect image resolutionRecreate the wallpaper to the resolution of your screen

πŸ’‘

If the theme is not applied to devices with MIUI 14, but it works MIUI 12, problem description.xml. Add support for new screen resolutions to this file.

Publication of the topic in MIUI Theme Store

If you want to share your topic with other users, you can publish it in the official store. MIUI Theme Store:

  1. Register for a Designer Program for themes.mi.com/designer.
  2. Download the.mtz archive through the designer panel.
  3. Fill in the information about the topic: Title (maximum) 20 Symbols) Description (before the symbols) 200 Category (e.g., Minimalism, Dark Theme) Screenshots (minimum) 3 stuff, permission 1080Γ—1920)

Send it to moderation. The test period is 3 to 7 days.

Requirements for topics for publication:

  • πŸ“Œ Unique: Themes must not copy existing ones (checked by Xiaomi algorithms).
  • πŸ–ΌοΈ Quality: Wallpaper and icons - no artifacts, correct resolution.
  • πŸ“± Compatibility: Supports at least 3 screen resolutions.
  • 🚫 Prohibited Content: No Brand Logos, Political Symbols, Violence.

Once approved, the theme will be available in the store, and you can track the number of downloads in your personal account. For popular themes, Xiaomi pays bonuses (from 1000 downloads – about 5-10 downloads).$ domestically).

πŸ’‘

To increase the chances of approval, add hashtags in English and Chinese to your topic description (e.g. #DarkTheme #). MIUI Theme Store is the right way to classify your work.

7 Common Mistakes and How to Avoid Them

Even experienced designers have trouble creating themes for Xiaomi, and here are the most common mistakes and ways to solve them:

  • πŸ”΄ Theme does not apply after installation Reason: No support for screen resolution of your device description.xml. Solution: Add a line <screen>1080x2400</screen> (substitute for your permission).
  • πŸ”΄ Icons are displayed in low quality Reason: Source PNG-files are compressed with losses or have a smaller size 192Γ—192 px. Solution: Resave icons in Photoshop with settings: File β†’ Export β†’ Save for Web (PNG-24, 100% quality).
  • πŸ”΄ Colors in the settings do not change Reason: Incorrect names of colors in colors.xml (for example, a typo miui_color_primary). Solution: Check the official template.
  • πŸ”΄ Theme disappears after rebooting Reason:.mtz file corrupted or installed via ADB Solution: Repackage the theme and install themes through the app.

If you're testing a theme on Xiaomi with custom firmware (e.g. xiaomi.eu or PixelExperience), some elements may not work. MIUI Maintains themes best.

8. Alternative methods of customization

If creating a theme from scratch seems too complicated, consider alternative options for customizing the Xiaomi interface:

  • 🎨 Icon Pack Studio - creating custom icons without design skills. Whicons - a color scheme-based icon generator.
  • πŸ–₯️ Launchers: Nova Launcher - support for icons, gestures and animations. Hyperion Launcher - imitation MIUI high-set.
  • πŸ”§ Magisk modules: MIUI Mix – fine-tuning colors and fonts. MIUI SystemUI Tuner – Changes to the Status Bar and Notification Panel.

These tools allow you to customize Xiaomi without creating a full theme. + Icon Pack can achieve a unique interface in 10 minutes.

πŸ’‘

If you only need to change icons, it’s easier to use an Icon Pack instead of a full-fledged theme, which saves time and eliminates compatibility issues.

FAQ: Frequent questions about creating themes on Xiaomi

Can you create a theme without a computer, only on your phone?
Technically, yes, but it's very inconvenient. You'll need: an image editing app (like PicsArt or Lightroom Mobile). ZIP-Patience – it takes a long time to pack.mtz manually on your phone, and we recommend using your computer for the first topics, and mobile tools for small edits only.
Why my topic is not being moderated in MIUI Theme Store?
Common reasons for rejection: Copyright infringement (e.g., using Apple or Samsung logos); incorrect resolution of wallpaper or icons; lack of support for popular screen resolutions (e.g., use of Apple or Samsung logos, 1080Γ—2400). Insufficient screenshots or poor quality.Please check the theme through Xiaomi validator before sending it.
How to make an animated theme for Xiaomi?
Animated themes require Lottie knowledge JSON or APNG. Here's a quick instruction: Create animation in Adobe After Effects and export to Lottie via the Bodymovin plugin.Place the file animation.json folder miui/animation/. Point the way to animation in description.xml: <animation> <item name="lockscreen_clock" path="animation/clock.json"/> </animation> Please note: Animated themes are supported only on MIUI 13+ and can brake on weak devices (e.g. Redmi). 9A).
Can I sell my themes to Xiaomi?
Officially. MIUI Theme Store doesn’t support paid themes, but there are workarounds: πŸ’° Donation Versions: Share the theme for free, but with a β€œSupport Author” tag and a link to PayPal or Boosty. πŸ” Closed communities: Sell access to the topic via Telegram channel or Patreon. πŸ›’ Third-party sites: Some sites (for example, XDA Developers) allow you to sell custom themes. Note: Xiaomi can block an account for commercial distribution of themes without agreeing.
How to transfer a theme from one Xiaomi device to another?
Portability: Through.mtz: Copy the theme file to another device and install it through the Themes app. Through Mi Account: If the topic is published in MIUI Theme Store, it automatically syncs between devices with one account. ADB: Use commands from the section 5 If the theme does not apply on the second device, check the compatibility of screen resolutions in the description.xml.