mobile App
Figma Design Prompt – MSME Survey Mobile App (Android & iOS) Design a modern, clean, and professional mobile application UI for an MSME Survey data collection app. The design should be visually attractive, government-compliant, minimal, and easy to use for field surveyors. Use a structured layout, soft color palette (blue/teal/green tones), good spacing, and clear typography. The design should include the following screens in proper order: 1️⃣ Login Screen Design a clean and minimal login screen with: App logo at the top (MSME Survey App branding) Title: “Login” Email ID input field (with icon) Password input field (with show/hide toggle) Primary CTA button: “Login” Optional: “Forgot Password?” Proper spacing and error validation states Professional background (subtle gradient or light abstract pattern) Design Style: Rounded input fields Soft shadow cards Clear primary button with elevation Responsive for both Android & iOS 2️⃣ Location Filter Screen (Post Login) Design a structured form screen where user selects geographic filters. Include: Screen title: “Select Location” Dropdown fields: State District Mandal Area Cascading dropdown UI style Primary button: “Submit” Clean form layout with consistent spacing Use modern dropdown UI (material style or bottom sheet selector) Design should feel simple and data-focused. 3️⃣ MSME Results Listing Screen Design a results screen showing MSME units as a scrollable list. Each list card should contain: Unit Name (bold) Registration ID Location details Status indicator (Active / Pending / Completed) Button: “Start Survey” or “Continue Survey” UI Guidelines: Card-based layout Soft shadows Proper alignment Floating action button (optional) Search bar at top (optional enhancement) Design should support large datasets and be highly readable. 4️⃣ Survey Form – 7 Step Questionnaire (Stepper Design) Design a modern multi-step survey form using: Option A: Horizontal stepper Option B: Vertical stepper Option C: Progress bar with “Step X of 7” Choose the best UX pattern for long surveys. Each step contains: Section Title (e.g., MSME Unit Details, Entrepreneur Details, Electricity Details, etc.) Multiple input types: Text fields Dropdowns Radio buttons Numeric inputs Date picker (if required) Clear validation states Proper spacing between fields Navigation Buttons: “Previous” (secondary style) “Next” (primary style) Final Step: Replace “Next” with “Submit Survey” Include: Sticky bottom navigation buttons Scrollable form area Step progress indicator clearly visible Smooth transition between steps Design must support: 7 total steps Clean structured grouping Minimal cognitive load Professional government-data collection feel 🎨 Design System Requirements Create a small design system including: Primary Color Secondary Color Accent Color Button Styles (Primary / Secondary / Disabled) Input Field States (Default / Focus / Error) Typography scale (Heading, Subheading, Body) Icon set consistency Use: Modern sans-serif font (e.g., Inter, Poppins, SF Pro) 8pt spacing system Rounded corners (8–12px) Clean minimal icons 📱 Additional Requirements Mobile-first design Android & iOS compatibility Clean alignment and grid system Survey-optimized UX Field-worker friendly High accessibility and readability ✨ Overall Design Feel Professional Modern Clean Government-grade Structured Data-centric User-friendly Minimal but elegant If you'd like, I can also give you: A premium UI-focused prompt A Material 3 based design prompt Or a Flutter-ready UI structure reference for direct implementation.