Figma for Beginners: Design Your First App Screen Today

You do not need a degree in graphic design or an expensive laptop to start designing beautiful apps. With Figma, a free browser-based tool, you can create professional app screens right now, today, from anywhere in Nigeria or Africa. This guide will walk you through it, one simple step at a time.

Why Figma Is the Best Starting Point for Aspiring Designers in 2026

If you have been thinking about learning UI/UX design, Figma is the single best place to begin. It is free to use, it runs entirely in your browser, and it is the tool that companies like Google, Microsoft, and countless startups actually use every day. That means when you learn Figma, you are learning the same tool used by professionals who earn thousands of dollars designing digital products.

For beginners in Africa, Figma is especially powerful because it removes so many barriers. You do not need to download heavy software. You do not need a Mac. You just need a computer with a browser and an internet connection. Even on a modest budget, you can start building a portfolio of app designs that attract paying clients on platforms like Upwork, Fiverr, and Toptal.

In 2026, UI/UX design is one of the fastest-growing remote skills in Africa. Businesses everywhere need people who can design clean, user-friendly apps and websites. Learning Figma is your ticket into that world, and you can start without spending a single naira.

Setting Up Figma and Understanding the Workspace

Getting started with Figma takes less than five minutes. Head over to figma.com and sign up for a free account using your email or Google account. Once you are in, click "New design file" to open a blank canvas. That is it. You are ready to design.

Before you dive in, take a moment to understand the workspace. Here are the key areas you will use constantly:

• The Toolbar at the top gives you access to shapes, text, frames, and selection tools.
• The Layers Panel on the left shows every element in your design, stacked in order.
• The Design Panel on the right lets you change colors, fonts, sizes, spacing, and effects for any selected element.
• The Canvas in the center is your infinite workspace where all your designs live.

One concept you need to understand right away is the Frame. In Figma, a frame is like a container for your design. When you design a mobile app screen, you start by creating a frame that matches a phone screen size. To do this, press the letter F on your keyboard, then look at the right panel where you will see preset sizes. Select "iPhone 14" or "Android Large" to get a phone-sized frame on your canvas.

Spend a few minutes clicking around. Drag a rectangle onto the canvas. Change its color. Add some text. The more you explore, the more comfortable you will feel. Figma is very forgiving. You can undo anything with Ctrl+Z, so do not be afraid to experiment.

Step-by-Step: Design a Simple Login Screen

Now for the exciting part. Let us design a real app screen together. We will create a simple and clean login screen, the kind you see on apps like Instagram or WhatsApp. Follow these steps:

Step 1: Create your phone frame. Press F, then select a phone preset from the right panel. You now have a white rectangle that represents a phone screen.

Step 2: Add a background color. Click on the frame, then in the right panel under "Fill," click the color swatch and choose a soft white or light grey. Something like #F5F5F5 works well for a modern look.

Step 3: Add your app name or logo. Select the Text tool by pressing T, click near the top of the frame, and type your app name. Make it bold, size 28 or 32, and center it. Choose a clean font like Inter, which comes built into Figma.

Step 4: Create input fields. Use the Rectangle tool (press R) to draw a rounded rectangle. In the right panel, set the corner radius to 8 or 12 to give it smooth edges. Make it white with a light border. Duplicate it by pressing Ctrl+D. Now you have two fields: one for email and one for password. Add placeholder text inside each field using the Text tool.

Step 5: Design a login button. Draw another rectangle below the input fields. Give it a bold color like a bright blue or green. Add white text on top that says "Log In." Center everything neatly.

Step 6: Add finishing touches. Below the button, add a small text link that says "Forgot password?" and another that says "Sign up." Use a smaller font size like 14 and a grey color to keep things subtle.

• Use the Align tools in the top toolbar to center all elements horizontally within the frame.
• Keep spacing consistent. Try to leave equal gaps between each element, around 16 to 24 pixels.
• Keep your font choices to one or two families. Simplicity is what makes designs look professional.

Congratulations. You have just designed your first app screen. It may look simple, but this is exactly how professional designers start every project. Clean, simple designs are not just beginner-level work. They are what clients actually pay for.

What to Do After Your First Design

Designing one screen is a great start, but turning this into a skill that earns you money takes consistent practice and the right guidance. Here is what you should do next to keep building momentum:

• Design two or three more screens for the same imaginary app. Think about a home screen, a profile page, or a settings page. This teaches you to think about the full user experience.
• Study real apps on your phone. Open any app you love and try to recreate its screens in Figma. This exercise trains your eye for layout, spacing, and color.
• Learn about components and auto layout. These are intermediate Figma features that will speed up your workflow dramatically once you are ready.
• Build a portfolio. Save your best designs and share them on Behance or Dribbble. A portfolio with five to ten solid screens is enough to start applying for freelance gigs.
• Take a structured course. Self-teaching is great, but a guided learning path helps you avoid common mistakes and learn faster.

The tech industry in Africa is booming in 2026, and design skills are in extremely high demand. Companies across Nigeria, Kenya, South Africa, Ghana, and beyond are hiring remote designers who can create clean, functional interfaces. You do not need to wait until you feel "ready." Start now, keep practicing, and let your work speak for itself.

Figma gave you a free, world-class tool. The only thing left is for you to use it. One screen at a time, you are building a future in tech.