Figma: Design colaborativo do básico ao protótipo responsivo

Aprenda a criar interface (UI) e protótipo de sites responsivos e apps com Figma do ABSOLUTO ZERO + Netflix e Instagram

4.75 (2311 reviews)
Udemy
platform
Português
language
Design Tools
category
instructor
Figma: Design colaborativo do básico ao protótipo responsivo
8,730
students
6.5 hours
content
Apr 2022
last update
$19.99
regular price

What you will learn

Utilizar uma das mais modernas ferramentas de UI de 2018 para desenhar e prototipar interfaces de sites e aplicativos

Criar interfaces responsivas que se adaptam a qualquer dispositivo (mobile ou desktop)

Criar UI de aplicativos e sites reais como Netflix, Instagram e Booking

Criar protótipos testar suas escolhas de design e coletar feedbacks.

Criar protótipos com rolagem horizontal e vertical deixando a experiência mais real e interativa.

Interagir com desenvolvedores passando as informações de design (alinhamento, espaçamento, tamanho, arquivos de imagens, etc)

Organizar seu trabalho profissionalmente

Why take this course?

** Criado pelo autor do curso mais vendido de UX da Udemy em português, no ano de 2018 (com mais de 15 mil alunos). **

Quer iniciar sua carreira como Designer de Interfaces? De repente migrar do Design Gráfico para o UX/UI Digital?

Esse é o curso de FIGMA mais fácil de aprender que você vai encontrar na Udemy em português. Você vai aprender como usar o FIGMA para sair do absoluto ZERO ao nível PROFISSIONAL organizando seu trabalho, seu guia de estilos e trabalhando em equipe com outros desenvolvedores.

Durante o treinamento, criaremos projetos reais para você aplicar nos seu dia a dia. 

Assista nossa aula de apresentação e conheça tudo que você vai aprender.

O que torna esse curso diferente? Qual é a mágica?

Nesse curso nada que você aprender será teoria por teoria.

Cada desenho de retângulo é para criar um elemento na tela, cada uso de ferramenta de alinhamento é para posicionar um componente de um aplicativo real.

Tudo é ensinado na prática para não ficar chato e você saber exatamente quando utilizar cada recurso no seu dia-a-dia.

***

Este curso de FIGMA vai te ensinar na prática a criar interfaces para aplicativos e sites responsivos com uma das melhores e mais modernas ferramentas de UI de 2018.

Você aprenderá:

  • Criar protótipos em papel,

  • desenhar telas de apps e sites,

  • criar interfaces responsivas que se adaptam a qualquer dispositivo,

  • organizar seu projeto em guias de estilos,

  • prototipar interatividade e transições,

  • exportar protótipos para testes reais e troca de informações com desenvolvedores (handoff).

  • EXEMPLO NETFLIX


  • Transformar seus protótipos em papel em protótipos de alta fidelidade,

  • Criar protótipos interativos para seus usuários testarem ou mostrar para seus stakeholders,

  • Utilizar grids para organizar os elementos na tela criando interfaces responsivas,

  • Utilizar as constraints de alinhamento para que seu protótipo se adapte a outros dispositivos sem "quebrar",

  • Organizar seu trabalho de forma profissional como um verdadeiro cartão de visitas,

  • EXEMPLO INSTAGRAM

  • Scroll Horizontal no protótipo

  • Scroll Vertical no protótipo

  • EXEMPLO BOOKING

  • Criar guias de estilos com elementos reaproveitáveis para acelerar seu processo de construção,

E receberá de bônus:

  • Minicurso de rabiscoframes para criar protótipos em papel,

  • Minicurso de Usabilidade

  • Checklist de UX para verificar se seu design tem potencial para gerar boas experiências


***

Depoimentos dos alunos do curso de UX (4.6 de 5 estrelas)

Todos depoimentos estão disponíveis na página do curso de UX.

"Curso sensacional. Dinâmico, bem feito, instrutor dominando completamente o conteúdo. Tudo é de uma qualidade excelente. Um dos melhores cursos (senão o melhor) que já adquiri. Parabéns!!!" - Rafael Patrício

"Empresas vieram falar  comigo no linkedin me requisitando para entrevistas para trabalhar exclusivamente com UX. Sem experiência de mercado, e as empresas me buscam pelo que aprendi no curso" - Nayra

"O curso foi maravilhoso. Eu tentava vários estágios e não conseguia. Depois do curso, quando mostrei o que aprendi e os métodos utilizados na prática, consegui o emprego! Em menos de 1 semana após terminar o curso eu já estava estagiando!" - Alberto

"Logo nos primeiros exercícios passei a ter uma visão completamente diferente da razão das minhas dificuldades. Com o passar do curso e aplicando as técnicas, criei um produto específico para um público bem definido e passei a converter 80% mais clientes!" - André Carvalho

"Muito bom, pois além de trazer toda a base conceitual necessária, também apresenta casos reais de utilização do aprendizado e dicas de como aplicar os conhecimentos adquiridos!" - José Leonardo

"Nao criei expectativas com o curso porque não o conhecia, porém ultrapassam qualquer pré-julgamento que eu teria feito a respeito. Estou aprendendo muito!" - Beatriz Rimanski

***

Qual ferramenta escolher? Se o FIGMA não for para você, você tem outras opções que criei na Udemy!

Sketch

Para usuários MacOS que buscam criar guias de estilos para projetos escaláveis. $99/ano.

Adobe XD

Para usuários Windows e MacOS. Sua versão grátis permite criar 1 projeto. A partir daí são $119/ano.

Figma

Uma das mais promissoras ferramentas do mercado, que permite trabalhar colaborativamente em tempo real com outras pessoas. Tem uma versão grátis que permite criar até 3 projetos. A partir daí são $144/ano.

Invision Studio

A ferramenta que chegou em 2018 fazendo muito barulho no meio do design e que está em versão beta com lançamento em breve. É a primeira do gênero com avançados recursos de animações para microinterações. Você pode sair na frente e dominar a ferramenta antes mesmo dela ser lançada. Perde apenas para ferramenta mais especialistas em microinterações como o Framer X.

Esse formato permite que você escolha sua ferramenta e trabalhe com ela vendo as diferenças sempre que tiver curiosidade. Cada aula de uma ferramenta possui sua correspondente na outra para fins de comparação.

***

Dica

Caso você queira ir além, pode também adquirir o curso completo de Design de Interfaces, também de minha autoria e disponível aqui na Udemy! Nele você irá além das ferramentas (o curso das 4 ferramentas citadas acima estão inclusas) e aprenderá:

  • Aprenda a escolher, combinar Cores e dominar seus atributos (matiz, saturação, brilho, contraste, etc),

  • Saiba como definir Tipografia e os padrões tipográficos com Modular Scale,

  • Crie Botões que engajam e ajudam o usuário a entender as principais funções da interface,

  • Entenda como projetar Formulários fáceis de preencher,

  • Estabelecer uma Hierarquia Visual na página que ajude seu usuário a fazer o que precisa - usando Balanceamento, Ritmo, Harmonia, Dominância, Alinhamento e Proximidade,

  • Organizar os elementos em Grids,

  • Trabalhar Responsividade e projetar interfaces Mobile first,

  • Criar Guias de Estilos para projetos escaláveis e com componentes reaproveitáveis (building blocks e atomic design)

  • E muito mais!

ATENÇÃO: OS CONTEÚDOS ACIMA ESTÃO DISPONÍVEIS SOMENTE NO CURSO COMPLETO DE DESIGN DE INTERFACES. ESSE CURSO QUE VOCÊ ESTÁ VISUALIZANDO É SOMENTE SOBRE A FERRAMENTA FIGMA!

***

Satisfação garantida ou seu dinheiro de volta

"E se eu não gostar do curso?” Nós devolvemos seu dinheiro! Essa é mais uma garantia de qualidade e um incentivo a mais para você começar já! Após a compra você terá 30 dias para testar o produto, e se não gostar, basta solicitar o reembolso.

Estou certo que será um dos melhores investimentos que você fará em 2018 com grandes chances de trazer muito mais conteúdo e por um valor muito menor que qualquer curso online, presencial ou acadêmico que você já tenha feito na vida no Brasil ou Exterior.

Junte-se a mais de 15 mil alunos que já fizeram e aprovaram meu outro curso!

E aí, o que está esperando? Vamos nessa?

Screenshots

Figma: Design colaborativo do básico ao protótipo responsivo - Screenshot_01Figma: Design colaborativo do básico ao protótipo responsivo - Screenshot_02Figma: Design colaborativo do básico ao protótipo responsivo - Screenshot_03Figma: Design colaborativo do básico ao protótipo responsivo - Screenshot_04

Reviews

Cassia
December 15, 2023
O curso é excelente, todavia faço uma observação. Como é um curso prático, que precisamos aprender para colocar em prática, precisamos de realizar anotações e que o material disponível seja acessível para baixar. Tentei de tudo para baixar a aula 33 e não conseguir, chato demais isso, não consigo estudar por essa plataforma, fico perdida. Deviam contratar um UX para poder melhorar a Udemi, copiem a Alura gente, faço todos os cursos por lá. Outro ponto, na aba transcrição, o texto vem todo bagunçado, isso ajuda demais, porque nem sempre é possível ver todos os vídeos, ou mesmo necessitamos ver a parte de texto para melhor organização do aprendizado.
Luiza
November 8, 2023
Curso PÉSSIMO! Extremamente desatualizado, o professor só fala que devemos comprar outro curso que é no completo que se tem todas as informações só que esse curso nem existe na plataforma. Lamentável a Udemy ter um curso tão desatualizado e fraco como esse.
Thais
January 30, 2023
É bem básico, sobre como usar o Figma e algumas poucas dicas de interface. Era o esperado! No geral, gostei. Bem explicado!
Anderson
November 4, 2022
Prós: A didática é boa, as explicações são claras, o curso é bem objetivo e com boa qualidade de áudio e vídeo. Contras: Precisa ser atualizado, por exemplo com o auto layout e os component styles. A forma de geração de feedbacks é interessante, porém quando o curso tem uma rotatividade alta de alunos cursando (como na certificação do Google por exemplo). Caso contrário a sua tarefa fica presa por falta de feedback e isso te impossibilita de concluir o curso e pegar o certificado.
Kimeuton
September 5, 2022
Ate aqui o curso se mostra bastante interessante, o inicio da criação do app é bem fácil mesmo, vamos continuar pra ver o que posso criar de mais novo.
Untitled
July 28, 2022
Como profissional da área, aprendi de forma rápida a trabalhar no software assim como as principais funcionalidades e a reciclagem de aprendizagem no fim foi bastante útil. Obrigado
Ítalo
July 26, 2022
Curso ótimo mesmo pra quem nunca teve contato com qualquer outro tipo de ferramenta da Área. Professor com boa didática. O único problema é o curso não estar na versão atual do Figma, porém, não é nada que atrapalhe o aprendizado.
Clodoaldo
July 11, 2022
Muito didático e interessante. O Leandro é seguro no que fala e conduz muito bem a apresentação dos conteúdos, gostei bastante.
Pedro
June 20, 2022
Assisti o curso em um tablet, senti muita falta de poder ampliar a tela máximo. O conteúdo me surpreendeu. Parabéns
Karina
June 8, 2022
Estou bastante satisfeita, principalmente porque sou iniciante nesta área e o professor explica muito bem!
Admin
June 2, 2022
Curso bem interessante para um primeiro contato com o figma. Me ajudou bastante a desenvolver alguns trabalhos pontuais.
Lucas
May 3, 2022
Curso completo que passou por tudo um pouco. A parte que ensina as ferramentas do Figma é muito completo, vale muito a pena.
Letícia
April 30, 2022
É um bom curso de entrada para design de interfaces. Eu fiz o curso mesmo já tendo uma boa noção de UI e mesmo assim tive um bom proveito, principalmente sobre a organização do projeto e guia de estilos, ainda não tinha essa visão sobre esses assuntos.
Ricardo
April 12, 2022
Muito bom, sua didática é muito boa, porém as vezes a câmera onde está o professor, fica nas opções que ele está ensinando.
Carolina
January 25, 2022
Curso ótimo! Ele dá um norte para quem está começando agora e não sabe nada ou até mesmo muito pouco sobre a ferramenta, dando até dicas sobre conceitos. Gostei bastante.

Charts

Price

Figma: Design colaborativo do básico ao protótipo responsivo - Price chart

Rating

Figma: Design colaborativo do básico ao protótipo responsivo - Ratings chart

Enrollment distribution

Figma: Design colaborativo do básico ao protótipo responsivo - Distribution chart

Related Topics

1902954
udemy ID
9/9/2018
course created date
11/6/2019
course indexed date
Bot
course submited by