Day 17: Let’s design a mobile interface in minutes using Figma

IPS Inc.

–

January 27, 2026

Home » Icon Academy » Day 17: Let’s design a mobile interface in minutes using Figma

Designing a website for your business is a great way to create a web-

Recap

In the last blog, we learned some super cool Figma shortcuts and discussed the efficiency of designing through keyboard shortcuts as well. Bloop uses all these shortcuts, and they make his work easy and efficient. Which shortcut did you find most handy?

Designing a login page in Figma

Now let’s dive into a mini project with Bloop to design a login page in a few super simple steps.

  1. Create a frame in Figma of your choice.

A screenshot of a website design software interface, with a white page and a blue outline around it, on a gray background2. Now create a base structure in the frame using a rectangle.A screenshot of a website design software interface, with a focus on creating a website for a business or corporate3. Now create a basic structure layout using rectangles for your page designFigma file named Mobile App Interface with a grey wireframe frame on the canvas4. Now create a basic structure layout using rectangles for your page designA screenshot of a website design project in a design tool, with a login form and a design interface on the left and a code5. Now complete your design by adding colors to it, and its ready!A website design screen showing a login form with email address and password fields

Stay connected with us for the latest updates and insights on software development trends. Follow us on social media and visit our website for more!”

???? Website: Icon Pro Solutions
???? LinkedIn: Icon Pro Solutions on LinkedIn
???? Facebook: Follow us on Facebook
???? Dribbble: See our work on Dribbble
???? Instagram: Follow us on Instagram

Laptop held in two hands showing a website design

Level Up Your Skills

Ready to level
up your skills?

Explore our diploma and certificate courses and build skills you can use right away.

Browse Our Courses
Laptop held in two hands showing a website design

Learn with us

Want to build this yourself? Learn it hands-on.

Icon Academy runs practical courses in WordPress, web design and UI/UX. Every graduate gets a certificate that anyone can verify online.

Explore Courses

What the courses cover

  • WordPress and Elementor
  • Graphic, web and UI/UX design
  • Basic to advanced levels

Explore More 

Related Blogs.

website design A blue monster with a design tool in its hand
Day 1/30: Excited to dive into UI/UX Design!  

Welcome aboard to an exciting 30-day adventure exploring the fascinating realm of UI/UX Design! Throughout our series, we’re here to make this journey truly transformative as we delve into the…

IPS Inc.
December 26, 2025
Blue mascot designing UI for Icon Pro Solutions Figma course
UI/UX Design in Figma: How Real Projects Are Built
Master UI/UX design with our Figma Course at Icon Pro Solutions. Get hands-on training, expert mentorship, and build a career-ready portfolio today….
IPS Inc.
August 5, 2026
Introduction to Figma: Figma design vs FigJam
Day 13:Introduction to Figma, Figma design Vs Fig jam

Lets recap! In the last blog we discussed about prototypes, low-fi and high- fi designs. We learned their differences as well as a quick example. Now lets dive into design…

IPS Inc.
January 19, 2026
website design A calendar with a smiling monster
Day 29: Ahead of the Curve | Staying Up-to-Date in the Design Industry

Let’s recap! In the last blog, we discussed the role of AI assistance in design. Bloop navigated you to a unique strategy for having a design critique and buddy that…

IPS Inc.
February 20, 2026
Day 7 title image: a mascot stirring a cauldron labelled UX
Day 7: Learned UI? Let’s Focus on UX Principles 

Let’s Recap In the last blog, we discussed some design roles and the area of the industry that has specific tasks associated. What role best suits your interest? Bloop is…

IPS Inc.
January 7, 2026
The blue mascot looking unsure, surrounded by thumbs up and thumbs down icons
Day 9: Feedback and Constructive Criticism in Design

Let’s Recap In the last blog, we discussed the characteristics of design on the basis of which a design could either look appealing or ugly to the user and highly…

IPS Inc.
January 11, 2026
website design A visual comparison of UI and UX design, with a monster eating a salad in both scenarios, highlighting the
Day 2/30: UI vs. UX | Crucial Differences of UI and UX

In the world of technology and design, the phrases User Interface (UI) and User Experience (UX) are sometimes used interchangeably, despite the fact that they reflect separate ideas that play…

IPS Inc.
December 28, 2025
A website design image with a title 'Best 2026 Certificate in Hand' and a description of 'Icon Academy's newest graduates'
Icon Academy: New Batch of Students Complete Their Certification in Quetta
A new batch of Icon Academy students has officially completed their professional certification in Quetta. Read what they learned, how it changes their careers, and how you can join the…
IPS Inc.
April 27, 2020