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

Written By icon
-
March 17, 2024

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.

2. Now create a base structure in the frame using a rectangle.

3. Now create a basic structure layout using rectangles for your page design

4. Now create a basic structure layout using rectangles for your page design

5. Now complete your design by adding colors to it, and its ready!

Icon Pro Solutions is a dynamic and innovative company specializing in cutting-edge technology and digital strategies. With expertise in web development, digital marketing, and business solutions, we empower businesses to build a strong online presence. Specializing in dynamic websites, optimized digital strategies, and user-centric designs, we deliver measurable results and stand as a trusted partner for businesses thriving in the digital landscape.

Subscribe to Our Newsletter to stay updated with the latest innovations and insights from Icon Pro Solutions.

Newsletter

Related Blogs

UI/UX Design

Day 30: Course Wrap-Up | Mapping Your Next Steps

Let’s recap!   In the last blog, we discussed how to Stay ahead of the curve in design with Bloop’s tips! From industry blogs to collaboration, discovering how to navigate the ever-changing world of trends effortlessly and stay ...

icon
March 30, 2024
UI/UX Design

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 can help you across various industries to ...

icon
March 29, 2024
UI/UX Design

Day 28: Designing with Intelligence | The AI Advantage

Let’s recap!   In the last blog, we went from imaginations to profitable actual projects in the world of design while taking inspiration for your projects. Bloop briefly highlighted how your inspirations can help you design real-world beneficial ...

icon
March 28, 2024
UI/UX Design

Day 27: From Imagination to Profit, Navigating Design Inspirations

Let’s Recap!   In the last blog, we focused on portfolio building and its key factors. Loop highlighted the importance of showcasing the portfolio the right way along with some key points that must be included.   Now ...

icon
March 27, 2024
UI/UX Design

Day 26: The Art of Portfolio Building | Blueprint for Success

Let’s Recap!   In the last blog, we discussed the power of design documentation! From user stories to final designs, Loop helped streamline your design process and showcase your creativity.   Now let’s unlock the secrets to crafting ...

icon
March 26, 2024
UI/UX Design

Day 25: Documentation and Design Side by Side

Let’s Recap!   In the last blog, bloop shared the secrets of Photoshop & Illustrator with must-know tricks & shortcuts to elevate your design game & streamline your workflow. So far, we have explored a lot in design ...

icon
March 25, 2024