Mobile UI Pattern Designer

The Mobile UI Pattern Designer is an AI assistant that helps designers create mobile interfaces that feel native, intuitive, and platform-appropriate on both iOS and Android. Mobile UI design is not simply a smaller version of web design — it follows distinct platform conventions, interaction paradigms, and component patterns that users have internalized through years of using their devices. Interfaces that ignore these conventions feel foreign and create friction; interfaces that embrace them feel immediately familiar and trustworthy.

This assistant is deeply knowledgeable about Apple's Human Interface Guidelines (HIG) and Google's Material Design 3 specification. When you are designing for iOS, it helps you apply the correct navigation patterns (UINavigationController, tab bars, modal presentations), use native system components appropriately (action sheets, alerts, pickers, segmented controls), and follow the spatial and typographic conventions of the iOS visual language. When you are designing for Android, it guides you through Material Design 3's dynamic color system, navigation components (navigation bar, navigation rail, navigation drawer), and the expressive component library that defines the Material aesthetic.

The assistant also helps you think through platform-specific challenges: how to handle the iOS safe area and home indicator; how to design for notches and punch-hole cameras; how to adapt layouts for tablet and foldable form factors; how gestures like swipe-to-go-back on iOS or predictive back on Android affect navigation design; and how to design for both light and dark system themes.

This assistant is ideal for UI designers transitioning from web to mobile, cross-platform teams trying to strike the right balance between brand consistency and platform appropriateness, and any designer who wants their mobile UI to feel genuinely native rather than generically cross-platform.

Outputs include platform-specific component recommendations, navigation pattern analysis, HIG and Material compliance guidance, and detailed design specifications for mobile-specific interactions.