UI / UX com Figma - Design de Interfaces com Figma do Zero

Name: UI / UX com Figma - Design de Interfaces com Figma do Zero
Rating: 4.6 (596 reviews)

UI / UX com Figma - Aprenda Figma para Design de Interfaces e Experiência do Usuário com Exemplos Reais usando o Figma

Created byCaroll Bulcão, Paulo Andrade, PhD • +560.000 Alunos

Last updated 3/2026

Portuguese

What you'll learn

Aprenda a criar designs de alta qualidade com o Adobe Figma.
Domine o uso de recursos avançados como componentes e prototipagem.
Explore as melhores práticas de design, incluindo escolha de cores e tipografia.
Crie designs atraentes e intuitivos que atendam às necessidades do usuário.
Desenvolva habilidades práticas para trabalhar em telas e ícones.
Aprenda a colaborar em equipe no processo de design.
Produza designs de alta qualidade para aplicativos móveis e websites.
Compreenda as técnicas de design de UI para se destacar no mercado de trabalho.
Conheça e aprenda a usar os melhores plugins do Figma, para aumentar seu desempenho e qualidade do seu trabalho.

Course content

24 sections • 268 lectures • 27h 14m total length

Como assistir o curso1:00
Dicas sobre como assistir o curso.

Primeiro contato com o Figma6:24
Nesta aula você terá o primeiro contato com o Figma.
Como visualizar os filtros do Figma6:57
Nesta aula você aprenderá a visualizar os filtros do Figma.
Como alterar a cor da interface do Figma2:53
Nesta aula você aprenderá a mudar a cor da interface no Figma.
Como utilizar a área de trabalho5:31
Nesta aula você aprenderá a trabalhar na interface do Figma.
Como criar os Frames20:47
Nesta aula você aprenderá a criar frames no Figma.
Como criar pranchetas (Frames/Artboards) de trabalho5:32
Nesta aula você aprenderá a criar os frames no Figma.
Como trocar as cores das pranchetas de trabalho no Figma7:06
Nesta aula você aprenderá a mudar as cores da interface do Figma.
Como são as formas básicas do Figma17:07
Nesta aula você aprenderá as formas do Figma.
Como adicionar imagens7:41
Nesta aula você aprenderá a adicionar imagens no Figma.
Como baixar Plugins6:48
Nesta aula você aprenderá a baixar plugins no Figma.
Como adicionar imagens através de Plugins no Figma7:06
Nesta aula você aprenderá a utilizar imagens com plugins no Figma.
Como alinhar formas4:47
Nesta aula você aprenderá a alinhar as formas no Figma.
Atalhos essenciais para lembrar8:06
Nesta aula você aprenderá os atalhos principais do Figma.
O que são Grids8:21
Nesta aula você aprenderá o que são os grids no Figma.
Como trabalhar os constraints5:49
Nesta aula você aprenderá os constraints no Figma.
Como trabalhar os constraints em uma interface básica17:09
Nesta aula você aprenderá os constraints de forma mais profunda no Figma.
Qual a diferença de Frame para Group7:59
Nesta aula você aprenderá as diferenças de Frame e Group no Figma.
Como criar componentes10:23
Nesta aula você aprenderá a criar componentes básicos no Figma.

Como adicionar emojis para nomear os projetos2:01
Como adicionar emojis para nomear os projetos.
Como corrigir erros de ortografia no Figma1:12
Como corrigir erros de ortografia no Figma.
Nova ferramenta de Resources no painel do Figma1:26
Nova ferramenta de Resources no painel do Figma.
Nova forma de adicionar os estilos2:18
Nova forma de adicionar os estilos.
Fix Position5:12
Como utilizar o fix position.

Como criar o wireframe do projeto17:11
Nesta aula você irá aprender a como criar o wireframe do projeto.
Como criar guia de cores e iniciar o projeto em alta fidelidade14:57
Nesta aula você irá aprender a como criar o guia de cores do projeto.
Como criar os componentes do Projeto6:26
Nesta aula você irá aprender a como criar os componentes para o projeto.
Como inserir os componentes e criar interações básicas6:45
Nesta aula você irá aprender a como inserir os componentes no projeto.
Como criar os botões e integração31:03
Nesta aula você irá aprender a como criar os botões e integrações.
Fix Position5:12
Como criar o fix position.
Como visualizar o projeto no App do Figma2:48
Nesta aula você irá aprender a como visualizar o projeto no app do Figma.
Como compartilhar o link do projeto3:07
Nesta aula você irá aprender a como compartilhar o link do projeto.

Apresentação do Projeto Vegan Nature0:51
Seu primeiro projeto - VeganNature0:56
Wirebisco VegaNature17:24
Nesta aula você aprenderá a pensar o wireframe do projeto.
Apresentação do Projeto4:16
Esta aula apresenta o projeto Veganature.
Conceito do Projeto5:43
Esta aula aborda o conceito do projeto e sua estruturação.
Como criar o Moodboard - Painel Semântico14:21
Esta aula aborda a criação do Moodboard e a busca por referências para a construção do projeto.
Como iniciar o projeto criando as páginas2:08
Esta aula introduz a criação das páginas do projeto Veganature.
Guia de Estilos das Cores10:46
Esta aula ensina a elaboração da Guia de Estilos das Cores.
Como configurar a Guia de Estilos das Cores7:02
Esta aula ensina a configurar a Guia de Estilos das Cores na paleta de cores do Figma.
Como configurar o Guia de Estilos Tipográfico7:10
Esta aula ensina a elaboração do Guia de Estilos Tipográfico.
Como configurar o Guia de Estilos Tipográfico no Painel do Figma5:51
Esta aula ensina a configurar a Guia de Estilos Tipográfico no painel do Figma.
Como configurar o Guia de Estilos de Botões10:41
Esta aula ensina a elaboração do Guia de Estilos de Botões.
Como configurar o Botões e Variantes11:31
Esta aula ensina a como configurar os botões e suas variantes.
Como criar componentes com banco de Ícones Basil9:23
Esta aula ensina a criação de componentes com a biblioteca de ícones basil.
Como criar o Wireframe - Parte 0117:03
Esta aula ensina a criação do Wireframe principal do projeto.
Como criar o Wireframe - Parte 029:35
Esta aula da continuidade a criação do Wireframe principal do projeto.
Como criar o Splash Screen5:57
Esta aula ensina a criação da tela de Splash Screen.
Como criar as Marcas do App9:33
Esta aula ensina a criação da secção de marcas dentro do app.
Como prototipar os produtos23:21
Esta aula ensina a elaboração dos produtos e sua prototipação.
Como criar a tela de Produtos e Favoritos22:04
Esta aula aborda a criação da tela de produtos e favoritos e suas prototipações.
Como criar o Botão Toggle5:28
Esta aula aborda a criação do botão toggle e suas animações.
Como criar a tela de configurações13:33
Esta aula ensina a criação da tela de configurações com o botão toggle.
Como criar a tela de produto com Zoom Pinch8:13
Esta aula aborda a criação da tela de produto com o efeito de Zoom Pinch na imagem.
Como ajustar o menu13:06
Esta aula aborda os ajustes na usabilidade do menu do projeto.
Visualizando o Projeto no App Figma2:19
Esta aula aborda a visualização do projeto no app do Figma para celular.
Como criar a tela do carrinho10:29
Esta aula ensina a criação da tela de carrinho junto com a secção de outros produtos.
Como criar a tela de pagamento10:20
Esta aula ensina a criação da tela de pagamento junto com o radio button.
Como criar a tela de cartão e os componentes do formulário20:51
Esta aula ensina a criação da tela de pagamento com cartão de crédito e o formulário para o preenchimento de dados.
Como criar o componente nome do titular4:33
Esta aula ensina a criação do componente nome do titular do cartão como uma entrada de dados no formulário.
Como criar o Componente da Validade e do CVV14:37
Esta aula ensina a criação do componente de validade do cartão e do código de autorização (CVV) no formulário de pagamento.
Como criar o Cartão de Crédito Girando 360°12:04
Esta aula ensina a criação do cartão de crédito com giro frente e verso.
Como criar a tela de Sucesso7:31
Esta aula ensina a criação da tela de pagamento realizado com sucesso.
Como criar a apresentação do Projeto4:28
Nesta aula você aprenderá a criar a apresentação do projeto.
O que são mockups e onde baixar estes arquivos no Figma4:47
Nesta aula você aprenderá sobre mockups.
Como criar a apresentação para seu portfólio - Parte 112:04
Nesta aula você aprenderá a criar a apresentação do projeto.
Como criar a apresentação para seu portfólio - Parte 26:21
Nesta aula você aprenderá a criar a apresentação do projeto.
Como criar a apresentação para seu portfólio - Parte 36:37
Nesta aula você aprenderá a criar a apresentação do projeto.
Como publicar seu projeto no Behance13:02
Nesta aula você aprenderá como publicar o projeto no portfólio Behance.

Requirements

Você só precisa de um computador com acesso a Internet para aproveitar este curso.

Description

Este curso contém uso de inteligência artificial.

Se você está interessado em design de interface do usuário (UI), este curso de Figma é exatamente o que você está procurando.

Com mais de 26 horas de conteúdo, este curso é perfeito para iniciantes e designers experientes que desejam aprimorar suas habilidades de design de UI.

Durante o curso, você aprenderá a criar designs de alta qualidade para aplicativos e websites de forma fácil e intuitiva.

O Figma é uma plataforma extremamente poderosa para design de UI, que ajuda profissionais a criarem designs que atendem às necessidades do usuário e são visualmente atraentes.

O curso ensina a criar designs do zero, desde telas e ícones até recursos avançados como protótipos e colaboração em equipe.

Além disso, o curso também oferece a oportunidade de explorar as melhores práticas de design, incluindo escolha de cores, tipografia e layout.

Com o término deste curso, você terá adquirido todas as habilidades essenciais para criar designs de alta qualidade que poderão ser aplicados na construção de aplicativos móveis, websites e outros produtos digitais.

Este curso é uma ótima escolha caso você queira desenvolver suas habilidades de design de UI ou aprender a utilizar a plataforma Figma.

Inscreva-se agora e comece sua jornada para se tornar um designer de UI altamente qualificado com Figma!

Este curso contém materiais promocionais na aula bônus.

Who this course is for:

Estudantes de Design
Designers e Desenvolvedores que desejam trabalhar com UI/UX
UI/UX Designers
Desenvolvedores Web e Mobile
Empreendedores e Gestores
Qualquer um que deseje aprender, de forma sólida, UI/UX Design Usando Adobe Figma

UI / UX com Figma - Design de Interfaces com Figma do Zero

What you'll learn

Explore related topics

Course content

Bem-Vindo ao Curso1 lecture • 1min

Como baixar o Figma2 lectures • 9min

Introdução ao Figma18 lectures • 2hr 36min

Novidades do Figma5 lectures • 12min

Guia de Estilos3 lectures • 21min

Como trabalhar com a Ferramenta de PenTool/Demarcador3 lectures • 35min

Projeto App Cinemark8 lectures • 1hr 27min

Projeto Veganature38 lectures • 6hr 6min

Entregáveis do Projeto Veganature3 lectures • 13min

Cores5 lectures • 37min

Requirements

Description

Who this course is for: