Designing a Low Fidelity Prototype in Figma

4.5
stars

29 ratings

Offered By
In this Free Guided Project, you will:

Create a low fidelity prototype of a music streaming mobile app in Figma

Use Figma UI Kits to design low fidelity prototypes

Export and share Figma prototype with other stakeholders

Showcase this hands-on experience in an interview

2.5 hours
Beginner-friendly
No download needed
Split-screen video
English
Desktop only

How would you quickly validate an app idea you have, or get feedback on a new feature for a product you are building? In this digital age, you can quickly create, test, and share user interface designs for digital products such as mobile apps and websites using online tools like Figma. This Guided Project 'Designing a Low Fidelity Prototype in Figma' is for anyone who wants to learn to use standard industry tools in the design field to build low-fidelity prototypes of digital products. Low-fidelity prototyping is a quick and easy way to translate high-level design concepts into tangible and testable artifacts. The first and most important role of low-fidelity prototypes is to check and test functionality rather than the visual appearance of the product. In this 1-hour long project-based course, you will learn how to create a low fidelity prototype of a music streaming mobile app in Figma, how to use Figma UI Kits to design app screens, and how to export and share Figma prototypes with other stakeholders. In order to be successful in this project, you will need to be familiar with the principles of UI/UX design. You will also need to create an account in Figma. Let's get started!

Requirements

Knowledge of UI/UX design principles.

Skills you will develop

  • Website Wireframe

  • UI/UX design

  • Prototyping

Learn step-by-step

In a video that plays in a split-screen with your work area, your instructor will walk you through these steps:

  1. Create an account in Figma

  2. Explore the Figma Interface and Add a Frame

  3. Draw UI elements on Your Screen

  4. Practice Task: Draw UI Elements on Your Screen

  5. Make Components

  6. Build your User Interface with Components

  7. Use UI Kits to Create Designs in Figma

  8. Practice Task - Design a User Interface with Simple Elements and Components

  9. Present and Export Your Prototype

  10. Designing a User Interface for an A/B Test.

How Guided Projects work

Your workspace is a cloud desktop right in your browser, no download required

In a split-screen video, your instructor guides you step-by-step

Reviews

TOP REVIEWS FROM DESIGNING A LOW FIDELITY PROTOTYPE IN FIGMA

View all reviews

Frequently Asked Questions

Because your workspace contains a cloud desktop that is sized for a laptop or desktop computer, Guided Projects are not available on your mobile device.

Guided Project instructors are subject matter experts who have experience in the skill, tool or domain of their project and are passionate about sharing their knowledge to impact millions of learners around the world.

You can download and keep any of your created files from the Guided Project. To do so, you can use the “File Browser” feature while you are accessing your cloud desktop.

At the top of the page, you can press on the experience level for this Guided Project to view any knowledge prerequisites. For every level of Guided Project, your instructor will walk you through step-by-step.

Yes, everything you need to complete your Guided Project will be available in a cloud desktop that is available in your browser.

You'll learn by doing through completing tasks in a split-screen environment directly in your browser. On the left side of the screen, you'll complete the task in your workspace. On the right side of the screen, you'll watch an instructor walk you through the project, step-by-step.