CENTER[h=3]Overview[/h]“Bfit | Fitness App UI Kit for Figma” – Bfit is a high-end mobile UI kit designed to help developers create health and fitness apps. This kit contains information on fitness, trainers, diets, gyms, workouts, yoga, and how to find a fitness trainer. This kit contains 81 beautifully designed screens that have been properly grouped and organized so that the entire design can be easily changed. It will help you create clear interfaces for health and fitness apps more quickly and easily. We created this app UI kit with the Figma software.
Our package includes 81 well-organized screens for iOS.
[h=3]Bfit | Fitness App UI Kit for Figma[/h]
  • Awesome Unique Look
  • Modern and Clean Design
  • 81+ Premium Readymade iOS Screens
  • Great Usability, Typography and User-experience
  • Compatible with Figma Software
  • Fully Layered, Grouped & Named appropriately
  • Free Web Fonts
  • Well-Documented Help File
  • And Much More…






[h=3]Screens Included[/h]
  • 01_Splash
  • 02_Onboarding-1
  • 03_Onboarding-2
  • 04_Onboarding-3
  • 05_Onboarding-4
  • 06_Welcome
  • 07_Sign Up
  • 08_Sign In
  • 09_Verify Phone Number
  • 10_Phone Verification
  • 11_Forgot Password
  • 12_Change Password
  • 13_Reset Password
  • 14_Select Gender
  • 15_Select Age
  • 16_Select Weight
  • 17_Select Height
  • 18_Select Goal
  • 19_How to Achieve Goal
  • 20_Current Fitness Level
  • 21_Choose Your Interest
  • 22_Ready To Go
  • 23_Home Screen(Option-1)
  • 24_Home Screen(Option-2)
  • 25_Home Screen(Option-3)
  • 26_Workout
  • 27_Workout Categories
  • 28_Abs Workout
  • 29_Abs Workout Schedule
  • 30_Abs Workout(Upper Body & Abs)
  • 31_Abs Workout(Upper Body & Abs) Video
  • 32_Fitness Instructor
  • 33_Fitness Instructor Details
  • 34_Fitness Instructor Appointment
  • 35_Fitness Instructor Appointment Order Details
  • 36_Fitness Instructor Appointment Payment
  • 37_Fitness Instructor Appointment Payment Successfully
  • 38_Diet
  • 39_Diet Categories
  • 40_Vegan Diet Plan
  • 41_Vegan Diet Plan Day01
  • 42_Daily Goals
  • 43_Daily Steps
  • 44_Daily Sleep
  • 45_Daily Heart
  • 46_Daily Calories
  • 47_Daily Water
  • 48_Daily Workout
  • 49_Profile
  • 50_Profile Settings
  • 51_Edit Account
  • 52_Notification
  • 53_Support
  • 54_Support Details
  • 55_Privacy Policy
  • 56_My Goals(Activity)
  • 57_My Goals(Diet)
  • 58_My Appointments(Past)
  • 59_My Appointments(Upcoming)
  • 60_Invite Friends
  • 61_Invited Friends
  • 62_Invited Friends Write Message
  • 63_Followers
  • 64_Followings
  • 65_My Payment
  • 66_Add New Card
  • 67_My Address
  • 68_Add New Address
  • 69_Settings
  • 70_Profile Menu
  • 71_Body Measurements
  • 72_Reviews
  • 73_Review Details
  • 74_Write Review
  • 75_Filters
  • 76_Chat
  • 77_Chat Details
  • 78_Sign Out
  • 79_Password Change Message
  • 80_Favourites
  • 81_Search
[h=3]Icon used[/h]
  • Flaticon
[h=3]Fonts used[/h]
  • Barlow
[h=3]Graphics used[/h]Note: All images are just used for preview purpose only and replaced with placeholder images. They are not part of the template and not included in the final purchase files.
  • Freepik
  • Unsplash
[h=3]Main Files[/h]
  • 81 Screens with Figma File
  • Well Documented Help File
[h=3]Software Version[/h]
  • Figma Software
[h=3]How to Use Figma Files[/h]
  1. Open the page in Figma you want to add the file too. This could be the File Browser, or a specific Figma File.
  2. Locate and select the file(s) you want to import. These could be on the desktop or in a folder.
  3. Drag the file(s) over to Figma. A blue box will appear in Figma to show that your files are ready to import.
  4. Release your mouse to start the import process. Depending on the file size, this can take a couple of seconds.
  5. Once completed, click Done to return to the File Browser
  6. For more details, please visit: Figma Help
[h=3]Thank You![/h]Thank you so much for your interest. Your comments and ratings would be much appreciated.

/CENTERHIDEindir/HIDE