Booky: Travel and Booking App UI Kit for Figma

A Figma UI kit for travel and booking apps with hotel and flight flows. It includes search, filters, dates, guests and booking confirmation, in dark and light mode.

Booky Travel - App UI Kit is a Figma kit for designers building a travel app where people book hotels and flights. The home screen also has a Cars shortcut.

The preview shows onboarding, login and sign up screens with Google and Facebook buttons, and a home screen with destination search, Hotels, Flights and Cars shortcuts and popular destinations. The flight flow has one way, round trip and multi-city options, a results list with times, flight numbers and prices, and a filter sheet. The hotel side has a hotel list, a filter sheet (budget, rating, amenities), a booking calendar, a guest and room picker, a map search and a confirmation screen with check-in and payment card.

The kit supports dark and light mode and uses Inter, a free Google font. Text, colors and components use global styles, and the layers are named and grouped.

Hotel and flight booking, plus a Cars shortcut on home

Flight search with one way, round trip and multi-city

Filter sheets with budget slider, star rating and amenities

Booking calendar and guest and room picker

Login and sign up with Google and Facebook

Dark and light mode, Inter font, global styles

Figma source file

Light and dark mode screens

Global text, color and component styles

Named and grouped layers

Made by DjectStudio, a design studio for websites, apps and brands in English and Arabic. Get it on the DjectStudio store: djectstudio.com/store/booky-travel-booking-app