Telas no Figma

#curso de UI design

Figma é um editor gráfico de vetor e prototipagem de projetos de design baseado principalmente no navegador web.

Testando meus conhecimentos em uma nova ferramenta, este é meu primeiro estudo do Figma, aprendi conceitos básicos sobre como desenhar telas, configura-las e criar os componentes fundamentais para um app.

Criei uma historia fictícia de um serviço de massagem e consultas médicas para desenvolver essas três telas. Usei o tamanho ‘Iphone SE’, pois no marcado ele é a menor tela que temos em massa disponível, assim a configuração tonar-se acessível para qualquer mobile phone.

A primeira tela seria o primeiro contato que o usuário teria ao baixar o app. Seguindo, a segunda tela seria onde o usuário informaria seus dados de preferencia e iniciaria um cadastro prévio. Já a terceira é a Home, na barra superior no canto direito temos botões como; ‘perfil’, esquerdo o ‘navegador’, imagens centrais é o botão ‘agendar’.