Tutorly - Tutor Finding App Ui Kit

Tutorly is a production-ready Figma UI kit for tutor marketplaces and 1-to-1 learning apps. It ships with Dark & Light themes, a complete design system, and 260+ polished screens that cover the full journey, from onboarding and search to booking, chat, and payouts. Rebrand in minutes, keep everything consistent, and ship faster.

What you get

• .fig master file with 260+ pages & components

• Design System: color tokens, typography (Inter), 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 (tutor cards, filters, calendars, chips, modals, inputs, toasts, charts)

• Quick start guide and license for commercial use

Core flows included

• Onboarding & registration

• Search & discovery with advanced filters (country, rating, experience, gender, price)

• Tutor profile: video intro, languages, certifications, reviews

• Booking trial/paid lesson with calendar, time slots, timezone

• Checkout: coupons, fees, cancellation policy, confirmations

• Messaging: 1:1 chat, voice messages, attachments

• Calls: in-app audio/video lesson screens

• Tutor dashboard: earnings, stats, upcoming sessions

• Wallet & payouts for tutors

• Notifications, in-app messages, settings, profile

• Auth & Account: email/social sign-in, OTP, recovery

• System screens: empty states, skeletons, 404

Components you’ll actually reuse

• Tutor cards, list items, horizontal rails

• Tabs, headers, bottom/navigation bars

• Filter chips, tags, badges, rating stars, progress

• Inputs, selects, date & time pickers, search bars

• Buttons (primary/secondary/tertiary), icon buttons, FABs

• Calendars, modals, sheets, toasts, snackbars, tooltips

• Charts, stat widgets, accordions, pagination, empty states, skeletons

Why teams choose Tutorly

• Launch faster: proven marketplace & booking patterns

• Scale with confidence: consistent tokens, variables, and component props

• Easy rebrand: swap colors/typography once—updates everywhere

• Clean IA & UX: designed for discovery, conversion, and retention

• Team-friendly: tidy layers, clear naming, mapped flows, multi-role coverage (learner & tutor)

Highlights

• Pixel-Perfect Design

• Fully Auto Layout

• Global Style Guide

• 100% Editable & Customizable

• Ready-to-Use Components

• Large Icon Library

• Fonts & Theme Switch (Dark & Light)

• Figma Variables for Smarter Design

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

Perfect for

• Product teams building tutor marketplaces or language-learning companion apps

• Indie founders validating an MVP with premium visuals

• Agencies that need a reliable, reusable education design system

• EdTech platforms that want quick rebrands across regions and themes

Match learners with the right tutors, faster. Get Tutorly today.