Designing a Low Fidelity Prototype in Figma

oferecido por
Neste Projeto guiado gratuito, você irá:

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

Mostre essa experiência prática em uma entrevista

2.5 hours
Recomendado para iniciantes
Sem necessidade de download
Vídeo em tela dividida
Inglês
Apenas em desktop

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!

Requisitos

Knowledge of UI/UX design principles.

Habilidades que você desenvolverá

  • Website Wireframe

  • UI/UX design

  • Prototyping

Aprender passo a passo

Em um vídeo reproduzido em uma tela dividida com a área de trabalho, seu instrutor o orientará sobre esses passos:

  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.

Como funcionam os projetos guiados

Sua área de trabalho é um espaço em nuvem, acessado diretamente do navegador, sem necessidade de nenhum download

Em um vídeo de tela dividida, seu instrutor te orientará passo a passo

Perguntas Frequentes – FAQ

Como seu espaço de trabalho tem uma área de trabalho na nuvem dimensionada para notebooks e computadores desktop, os projetos guiados não estão disponíveis para dispositivos móveis.

Os instrutores do projeto guiado são especialistas no assunto, têm experiência com a habilidade, a ferramenta ou o domínio do projeto e amam compartilhar seus conhecimentos para ajudar milhões de aprendizes do mundo todo.

Você pode baixar e manter todos os arquivos que foram criados para seu projeto guiado. Para fazer isso, você pode usar o recurso "Navegador de arquivos" enquanto acessa a área de trabalho na nuvem.

Na parte superior da página, você pode clicar no nível de experiência deste projeto guiado para visualizar os pré-requisitos de conhecimento. Em cada nível dos projetos guiados, seu instrutor o guiará passo a passo.

Sim, tudo o que você precisa para completar o projeto guiado estará disponível em uma área de trabalho na nuvem disponível no seu navegador.

Você aprenderá na prática ao completar tarefas em um ambiente com tela dividida, diretamente em seu navegador. No lado esquerdo da tela, você completa a tarefa no seu espaço de trabalho. No lado direito, você assiste a um instrutor que o guiará pelo projeto, passo a passo.