Medix - Doctor Appointment App Ui Kit

We’ll design your app UI in 5 days
About

Launch a telehealth or clinic product fast. Medix is a production-ready doctor appointment app ui kit with Dark & Light themes, a complete design system, and 140+ polished screens covering the entire care journey β€” from onboarding to booking, messaging, and follow-ups. Rebrand in minutes, keep everything consistent, and ship faster. ✨

What you get 🎁

  • .fig master file with 140+ pages & components

  • 🧭 Design System: color tokens, Inter type scale, grids, spacing

  • 🎚️ Smart theming via Figma Variables (colors, radius, typography)

  • 🧩 3,000+ icons aligned to the system

  • πŸ—ΊοΈ Organized layers + user-flow map for quick onboarding

  • ♻️ Reusable components & variants (cards, lists, chips, modals, inputs, toasts)

  • βœ… Quick start guide & commercial license

Core flows included πŸš€

  • πŸ™‹β€β™€οΈ Onboarding & patient profile setup

  • πŸ”Ž Explore doctors by specialty, location, ratings, availability

  • πŸ‘©β€βš•οΈβ­ Doctor profile: experience, price, reviews, languages, hospitals

  • πŸ“…πŸŽ₯ Appointment booking: date/time picker, packages (chat/voice/video)

  • πŸ’³ Payments & invoices, promo codes, confirmations

  • πŸ”„ Reschedule / cancel with reasons & refund states

  • πŸ”πŸ’¬ Secure messaging, voice, video for consultations

  • πŸ“πŸ”” Reviews & ratings, follow-up reminders, notifications

  • 🧠 Health questionnaires & recommendations

  • πŸ”‘ Auth & Account: email/social sign-in, OTP, recovery, settings

  • βš™οΈ System screens: 404, empty states, skeletons, success/failure

Components you’ll actually reuse πŸ› οΈ

Doctor cards, list items, profile headers, stat widgets; tabs, bottom nav, top bars, search bars; filters & sort; chips/tags (specialty, availability, hospital, language); inputs, selects, date & time pickers, stepper forms; buttons (primary/secondary/tertiary), icon buttons, FABs; modals, action sheets, dialogs, toasts, snackbars, tooltips; calendars, price tiles, rating stars, progress bars; empty states, skeleton loaders, pagination, accordions.

Why teams choose Medix βœ…

  • ⚑ Launch faster: proven booking & consultation patterns that convert

  • πŸ“ Scale with confidence: consistent tokens, variables, component props

  • 🎨 Easy rebrand: swap colors/typography onceβ€”updates everywhere

  • πŸ“ˆ Clean IA & UX: designed for clarity, trust, and repeat bookings

  • 🀝 Team-friendly: tidy layers, clear naming, mapped flows for dev handoff

Highlights 🌟

  • Pixel-perfect design

  • Fully Auto Layout

  • Global style guide with tokens & variables

  • 100% editable & customizable

  • Dark & Light themes out of the box

  • Ready-to-use components & large icon library

  • Bonus: 140+ premium screens, well-organized layers, free fonts

Perfect for πŸ§‘β€βš•οΈ

Product teams building telehealth, clinic, or appointment apps; startups validating a healthcare MVP; agencies needing a reusable medical design system; hospitals/clinics launching quick white-label patient apps.

Highlights
Single Use Individual License

You may only use this template for one project. For more details, please read the Marketplace Terms of Service.