Mido - eCommerce App Figma UI Kit

Detailed Documentation
12 Sales
(0/5)

Contact the Author

Please Sign In to contact this author.

THIS PRODUCT DO NOT OFFER MONEY BACK GUARANTEE


We don’t offer a refund. (if theme is already downloaded) Please read the description and version compatibility content thoroughly before purchasing as we don’t offer a refund if you buy it by mistake.

Mido - eCommerce App Figma UI Kit

Mido UI Kit for Electronics eCommerce App. These Ui kit is best for iOS and Android eCommerce mobile apps and this are incredibly user-friendly designs. Every screen has the ability to be totally customized and is made with ease of use in mind. You may present your products in a way that is both aesthetically pleasing and easy to use with Mido. Every element of the online store, from product listings and detail pages to checkout and order tracking, has been thoughtfully designed to give your consumers a flawless and pleasurable purchasing experience.

You can get started by creating your ecommerce app and easily with our template.

 

Mido - eCommerce App Figma UI Kit Mido - eCommerce App Figma UI Kit Mido - eCommerce App Figma UI Kit Mido - eCommerce App Figma UI Kit Mido - eCommerce App Figma UI Kit Mido - eCommerce App Figma UI Kit Mido - eCommerce App Figma UI Kit Mido - eCommerce App Figma UI Kit Mido - eCommerce App Figma UI Kit Mido - eCommerce App Figma UI Kit Mido - eCommerce App Figma UI Kit

Screen included in figma

  • 1. Splash
  • 2. Onboarding 1
  • 3. Onboarding 2
  • 4. Onboarding 3
  • 5. Intro
  • 6. Log in
  • 7. Forget Password
  • 8. OTP verification
  • 9. Reset Password
  • 10. Password Reset Successfully
  • 11. Sign Up
  • 12. Loading State
  • 13. Home Variant 1
  • 14. Home Variant 2
  • 15. Product Detail Variant 1
  • 16. Product Detail Variant 2
  • 17. Product Detail Variant 3
  • 18. Category Detail
  • 19. Sort By pop up
  • 20. Filter Pop up
  • 21. Add to cart variant 1
  • 22. Add to cart Variant 2
  • 23. Change Address
  • 24. Add New Address
  • 25. Payment
  • 26. Payment(Add new card)
  • 27. Payment Error
  • 28. Thank you for shopping
  • 29. Order Tracking
  • 30. Review
  • 31. Write your review
  • 32. Thank you for review pop up
  • 33. No Notification
  • 34. Notifications
  • 35. Empty Wishlist
  • 36. Wishlist
  • 37. Offers
  • 38. Wrong Search
  • 39. Search result
  • 40. Search Result
  • 41. Filter
  • 42. Sort By
  • 43. Categories variant 1
  • 44. Categories variant 2
  • 45. My Bag
  • 46. My profile
  • 47. My Account
  • 48. Manage Delivery Address
  • 49. Edit Address
  • 50. Add New Address
  • 51. Change Address
  • 52. Order History
  • 53. Notification Setting
  • 54. Manage Payment Method
  • 55. Edit Card
  • 56. Add New Card
  • 57. Successfully Deleted
  • 58. Change Password
  • 59. Pasword reused - Error
  • 60. Password successfully changed popup

Core Features

  • Great Design System
  • One-click Dark & Light mode
  • 2 variations of the Home page
  • 2 variations of category page
  • Clean & Modern Design
  • Great UI/UX
  • Fully customizable design
  • Organized layer with name
  • User-Centric Design
  • Unique and creative filters & cards
  • 3 variations of the Product page
  • Easy to Customize
  • Colour & Text Variables
  • Organized Icons & Components
  • Advance Auto Layout
  • Advanced level prototype
  • Pixel Perfect
  • Screen’s interaction management
  • High Resolution
  • Premium font and Icon used
  • +115 Screens(Light & dark)
  • 24/7 great support

The figma include –

  • figma files
  • Documentation

How to edit figma:

To modify the figma file, you must have Figma installed on your computer (and if you don't, click here to get it: https://www.figma.com/downloads/ Then, on the right side of the figma home page, click the "import button" to add the figma file. After importing a file, open it and you'll see the design system in the first page titled "Design system."You can change the colour and font of the entire program with a single click in the design system (if you don't have the mentioned font on your computer, you can get it from figma > Typography > "Download font") because of all of the design systems are built using auto layout and components, making it extremely simple to customise, layer, card, and many more. Then there is a second page labelled "Light mode & Dark mode" where you can see 60+ premium screens that are developed in detail.All of the screens have auto layout, so you may customise the order of each component. You can even add your own section, and it will change space automatically. Then, under the "Prototype" folder, pick "Splash screen frame" and click on the play button on the right side to have a real-time experience with the program. Where all of the screens interact with one other using advanced levels of animation, as well as to understand the user journey and where they will be redirected after clicking on specific buttons, or what type of error they would receive after any incorrect performance.

Font Used

Poppoins, Sofia sans

Icons Used

Vuesax Icon

Note :

  • We don’t offer a refund. (if theme is already downloaded)
  • Please read the description and version compatibility content thoroughly before purchasing as we don’t offer a refund if you buy it by mistake.

All graphic images & Videos are used for demo sample only and NOT included in the purchase packages.

Show More arrow arrow
No Review Found.
No Comment Found
  • Quality checked by Pixelstrap
  • Future updates
  • 6 Month support from vendor
  • $39.2 $24.5
  • Quality checked by Pixelstrap
  • Future updates
  • 1 Year support from vendor
  • $799.2 $499.5
  • Last Updated21 November 2024
  • Published12 March 2024
  • LayoutResponsive
  • Compatible With Bootstrap 5.x
  • Minimum Adobe CS Version N/A
  • Package Includes Layered PNG,JPG Image

Related Items

Top