Design UX/UI com Figma
InicianteBons produtos não são construídos por acaso — eles são projetados, testados e refinados pensando no usuário, e este curso para iniciantes ensina exatamente como. Você vai começar pelos fundamentos: a diferença entre UX e UI, por que o design centrado no usuário importa, e os princípios de usabilidade que separam um produto que as pessoas amam de um que elas abandonam. A partir daí você avança para a pesquisa — personas, jornadas do usuário, fluxos de usuário e os wireframes que transformam ideias em um plano antes de qualquer pixel ser polido. Você vai estudar design visual: teoria das cores, tipografia, espaçamento, grades de layout e a hierarquia visual que guia o olhar do usuário. Depois você coloca a mão na massa no Figma, a ferramenta padrão da indústria: navegando por frames e componentes, criando estilos reutilizáveis e usando auto-layout para projetar mais rápido e com mais consistência. Por fim, você aprende a transformar telas estáticas em protótipos interativos, rodar testes de usabilidade simples, coletar feedback e preparar uma entrega limpa e organizada da qual os desenvolvedores realmente possam construir. Não é preciso diploma em design nem experiência prévia com Figma — só curiosidade sobre como bons produtos são feitos. Ao final você vai pensar como um designer e ter as habilidades práticas em Figma para projetar uma interface real, de uma tela em branco a um protótipo navegável pronto para compartilhar.
Vídeos
Ver tudoTrilhas
Antes de abrir qualquer ferramenta de design, você precisa pensar como pensa um grande designer de produto. Este track constrói essa base. Você vai aprender a diferença real entre UX (como algo funciona) e UI (como algo parece), e por que o design centrado no usuário vence o design baseado só na sua opinião. Você vai estudar os princípios de usabilidade essenciais que tornam uma interface fácil ou frustrante de usar, e percorrer o processo de design thinking — empatizar, definir, idear, prototipar, testar — que equipes profissionais usam para resolver problemas reais. Você vai olhar para apps do dia a dia com olhos de designer, percebendo o que funciona e o que não funciona. Ao final você vai entender o que UX e UI realmente significam e vai pensar no usuário primeiro.
O bom design começa com pessoas reais, não com suposições. Este track ensina você a pesquisar e planejar antes de projetar uma única tela. Você vai aprender a fazer pesquisa de usuário leve, construir personas que representem seus usuários reais, e mapear jornadas do usuário que mostram o que alguém sente e precisa em cada etapa. Você vai aprender arquitetura da informação — organizar conteúdo e funcionalidades para que as pessoas encontrem o que precisam sem pensar — e a esboçar fluxos de usuário que mapeiam cada caminho por um produto. Por fim, você vai construir wireframes de baixa fidelidade para testar uma ideia rápido e barato, antes de investir no visual. Ao final você vai saber transformar uma ideia vaga em um plano pesquisado e estruturado do qual qualquer equipe possa partir.
Uma estrutura usável ainda precisa parecer e sentir-se certa, e é isso que este track ensina. Você vai aprender teoria das cores e como construir uma paleta que pareça intencional, não aleatória, e como a tipografia — combinar fontes, tamanhos e entrelinha — molda a legibilidade e o tom. Você vai praticar espaçamento e grades de layout, a estrutura invisível que mantém uma interface calma em vez de poluída, e vai aprender como a hierarquia visual usa tamanho, peso e contraste para dizer ao olho do usuário exatamente para onde olhar primeiro. Você vai estudar exemplos reais de interfaces para ver esses princípios em ação, e vai adotar regras simples de consistência em todo um produto. Ao final você vai projetar telas que não são só usáveis, mas genuinamente bonitas, com um sistema visual claro por trás de cada escolha.
O Figma é a ferramenta que designers profissionais usam todos os dias, e este track te deixa fluente nele. Você vai começar aprendendo a interface do Figma — painéis, camadas e navegação — para parar de procurar ferramentas e começar a projetar. Você vai construir frames que representam telas em tamanhos reais de dispositivo, e transformar elementos repetidos em componentes para que uma única mudança se atualize em todos os lugares onde é usado. Você vai criar estilos de cor, texto e efeitos para manter um projeto inteiro consistente, e vai aprender auto-layout, o recurso que faz elementos redimensionarem e se reorganizarem automaticamente como um design responsivo de verdade. Você vai praticar reconstruindo uma tela simples do zero, aplicando todas as habilidades juntas. Ao final você vai se mover pelo Figma com confiança e construir designs organizados e reutilizáveis em vez de telas estáticas avulsas.
Um ótimo design ainda precisa sobreviver ao contato com usuários reais e desenvolvedores reais, e este track te prepara para os dois. Você vai aprender a conectar suas telas do Figma em protótipos interativos com links clicáveis, transições e overlays, para que um design pareça um app de verdade antes de qualquer código ser escrito. Você vai rodar testes de usabilidade simples, observando alguém usar seu protótipo e percebendo onde hesita ou se perde, e transformar esse feedback em mudanças concretas de design. Você também vai aprender a preparar uma entrega para desenvolvedores limpa e bem organizada — camadas nomeadas, assets exportados, specs de espaçamento e cor — para que os engenheiros construam exatamente o que você projetou sem adivinhar. Ao final você vai levar um design da ideia até um protótipo navegável e testado, pronto para entregar a uma equipe de desenvolvimento real.
Prova de certificação
Prova de certificação
Design UX/UI com Figma
Todas as trilhas · Sem pressão de tempo para começar
Prova de certificação
Design UX/UI com Figma
30 questões
Todos os níveis de dificuldade
45 minutos
Enviada automaticamente quando o tempo acaba
70% para passar
Conquiste sua insígnia de certificação
Sem volta
Depois de responder, você avança
Dicas
Ver tudoEntregue specs, não só capturas de tela
Espaçamento, tokens de cor e estados que os devs podem copiar
Observe os usuários se esforçando — não explique o design
O silêncio nos testes de usabilidade revela mais que respostas
Prototipe os estados de falha, não só o caminho feliz
Telas vazias, de erro e de carregamento também precisam de cliques
Transforme elementos repetidos em componentes cedo
Um mestre, instâncias ilimitadas, uma única fonte de verdade