Meri Design 移动端

Meri Design

中

Meri Design Mobile

Meri Design Mobile is part of the "Meili Snow Mountain" design system. We have combined the characteristics of B-end products with the current mainstream interaction trends in mobile, ensuring a good interactive experience while assisting projects in achieving efficient iterations.

Figma

Development

Rich variables for smooth experience

When packaging Figma components, we provide designers with rich variables. A large number of visibility controls can help you respond more calmly to frequent changes from product managers. For high-frequency operations like icon changes, we offer surface-level operations that allow you to directly use the variable panel for dropdown actions. The rich slots cover various demand scenarios; whether the product requires you to add icons, labels, or logos, you just need to calmly toggle the switch for visual presentation. Detailed calling methods can be viewed in the [User Guide].

200+ Icon

To address the relatively professional and complex vocabulary for B-end, we provide icons related to meanings such as [Recommendation], [Flow], [Approval], [Usage], and [Device], effectively enhancing the coverage and applicability of icons.

Full instructions enable efficient collaboration

In the component instructions, we have added the development variables supported by the current component, as well as relevant usage specifications and explanations. We also provide a link for component development calls, allowing developers to directly click to jump to the development website for calls during development mode. Detailed viewing methods can be found in the [User Guide].

Business components for complex scenarios

The business controls we have accumulated in relatively complex business scenarios, such as [Tree Selection], [Multi-Select Batch Operations], and [Filtering Operations], can also be called with one click in the Figma component library. We provide rich variables and explanations, but currently, we have not opened the development component packaging. Internal enterprise production lines can find the corresponding business component developers for direct calls.

Localized Chinese for easier use

The components were designed with full consideration of the extreme filling of Chinese text in domestic B-end business scenarios. Different width and height restrictions have been set for different components, allowing designers to simply fill in the corresponding Chinese text. Additionally, variables and component instructions are all in Chinese, improving the efficiency of designers.

Feedback & Suggestions

If you discover any component bugs or have better optimization suggestions during the usage process, please feel free to contact us for feedback. We will make our Meili mobile components more efficient and user-friendly through updates and iterations.