Free Figma Mobile App Onboarding & Login Flow Kit Download

Free Figma Mobile App Onboarding & Login Flow Kit DownloadFree Figma Mobile App Onboarding & Login Flow Kit Download

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Ashna Khan

pro

• Feb 17

🚀 Just published a new Figma Community resource! I’ve created a Mobile App Onboarding, Login & Setup Flow to help designers kickstart their next mobile project faster. This free file includes 17 clean and fully auto-layout mobile screens covering the complete authentication and setup experience. Duplicate, customize and use in your project.

Link : Figma File Link Would love to hear your feedback 💙

Figma UI Design figmacommunity

figma.com

20 Screens Onboarding Screens, login screen, store setup screens Ui kit | Figma

Mobile App Onboarding, Login & Setup Screens 🚀 A modern and clean mobile onboarding + login flow designed to help you kickstart your next app project faster. This file includes a complete authentication and setup experience crafted with usability, clarity, and scalability in mind. Perfect for f…

Ciro

• Feb 23

Top work, Ashna!

Ashna Khan

pro

• Feb 24

Thank you 😊

Anastasiia Shkliarenko

• Jun 21

Another project from my early days of learning Figma and exploring mobile e-commerce design. 🌿

This plant store app concept features a product catalog, product details screen, shopping cart, and a loading screen. Working on this project allowed me to practice mobile UI design and gain a better understanding of user flows within e-commerce experiences.

Mobile Design Interactive Design UX Design Figma

Olha Purikova

• Jun 21

Family Yoga Studio — Hero Section Design

A landing page concept designed for a family-focused yoga studio. The goal was to create a calm, welcoming first impression while maintaining a clear visual hierarchy and intuitive user experience.

Goal

Design a hero section that communicates the studio's atmosphere, establishes trust, and encourages visitors to take action without overwhelming them with information.

Design Approach

• Clean and minimal layout focused on readability and clarity

• Strong visual hierarchy that guides attention from the headline to the primary call-to-action

• Custom image masking and typography to create a distinctive brand presence

• Carefully balanced supporting visuals that reinforce the message without competing for attention

Outcome

The result is a modern, aesthetically balanced hero section that highlights the studio's identity while making it easy for potential clients to explore classes and get in touch.

Tools

Figma

Keywords

#WebDesign #UIUXDesign #LandingPage #HeroSection #WellnessDesign #YogaStudio #MinimalDesign #Figma #ProductDesign

Product Design UI Design Web Design Figma

Rada Hnedova

• Jun 22

What I find interesting about hero sections is that users decide within seconds whether a product feels right for them.

Creating a sense of trust, clarity, and calm while still encouraging action is much harder than it looks. Nicely thought through 👏

Jan Mráz

pro

• Jun 21

Amazing sites for UX/UI designers, part 11

1. Grainient Supply for static and animated color gradients

2. Supahero for hero section inspiration at one place

3. Freefaces Gallery for free fonts that stand out

Web Design Figma UI Design UX Design webdesign ui uxdesigner

Back to feed

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Challenges

View all

promptandcircumstance

$10KEnds in 19:46:56

Renoise Challenge

$10K2d left

characterchallenge

$10K4d left

recraftchallenge

$10K4d left

ommabuildathon

$5K5d left

Trending

Claude

Claude has entered the design space. How are you using Claude Design?

Contra University

Learn from expert creatives how to earn more using next-gen AI tools.

MagicPath

The canvas is infinite, and exploration is becoming the workflow. How are you using MagicPath?

creativeaiflow

Creative AI workflows are evolving. What tools do you use, and what are their strengths and weaknesses?

freelancerlife

Freelancer life is wins, pivots, and everything in between. What’s yours right now?

Anastasiia Shkliarenko

• Jun 21

Another project from my early days of learning Figma and exploring mobile e-commerce design. 🌿

Mobile Design Interactive Design UX Design Figma

Olha Purikova

• Jun 21

Family Yoga Studio — Hero Section Design

A landing page concept designed for a family-focused yoga studio. The goal was to create a calm, welcoming first impression while maintaining a clear visual hierarchy and intuitive user experience.

Goal

Design a hero section that communicates the studio's atmosphere, establishes trust, and encourages visitors to take action without overwhelming them with information.

Design Approach

• Clean and minimal layout focused on readability and clarity

• Strong visual hierarchy that guides attention from the headline to the primary call-to-action

• Custom image masking and typography to create a distinctive brand presence

• Carefully balanced supporting visuals that reinforce the message without competing for attention

Outcome

The result is a modern, aesthetically balanced hero section that highlights the studio's identity while making it easy for potential clients to explore classes and get in touch.

Tools

Figma

Keywords

#WebDesign #UIUXDesign #LandingPage #HeroSection #WellnessDesign #YogaStudio #MinimalDesign #Figma #ProductDesign

Product Design UI Design Web Design Figma