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-Lets 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?

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 designA website design screen with a white background and a gray and white design element in the center, representing a website4. 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

Tagged , ,