My FeedDiscussionsHeadless CMS
New
Sign in
Log inSign up
Learn more about Hashnode Headless CMSHashnode Headless CMS
Collaborate seamlessly with Hashnode Headless CMS for Enterprise.
Upgrade ✨Learn more

HOW TO CREATE A LOGIN TERMINAL USING FIGMA. -UI/UX Design.

JOYCE SHABA's photo
JOYCE SHABA
·Sep 19, 2019

When I first started out as a UI/UX Designer, I saw FIGMA as an advance tool that only a pro Designer could use. It turns out I was wrong. Figma is an easy to use tool and this blog post will show you why I said so. Creating a project on figma is not as difficult as you may think as a beginner in UI/UX design (Yeah! Been there, done that! #Wink). In this blog post, I'll walk you through the process of designing a login terminal. And if you follow these few steps, you'll have yourself a pro looking design. Let's get started!!! STEP 1: To create a new project on figma, go-to the frame icon and click on frame. A property box will appear on the right page, select desktop. STEP 2: After selecting desktop, go to the hamburger icon and search for plugin. Click on unsplash and select any cool picture that suits the goal of your design. STEP 3: After adding your plugin image, go to the shape icon, click on rectangle shape and draw a square. Give it some radius at the edges, do same for the rectangular boxes also. Then add shadow effect to the rectangular boxes and type in your text. STEP 4: Give the primary button a solid color to make it prominent in your design. There you have it, your login terminal design is done and ready to be developed. Was this helpful? Yes? Awesome!!!