formação_

Formação Figma

Aprenda a desenvolver interfaces para sites e aplicativos no Figma com soluções inteligentes e bom design gráfico.

Esta formação faz parte dos nossos cursos de UX & Design

100h

Para conclusão

Cursos

Vídeos extras

Assista o vídeo

veja nossa apresentação da Formação e uma Alura Live sobre a Carreira em Front-end

Design de Interfaces no Figma

O Figma se apresenta como uma excelente ferramenta que permite o design e a prototipagem de telas para aplicativos, sites ou sites responsivos. Trata-se de uma ferramenta de design de interface na qual todo o trabalho é feito através do navegador, sendo compatível com Windows, Linux, Chrome e Mac. Ele traz a vantagem da criação de alterações em projetos em tempo real, que podem ser feitas ao mesmo tempo por todos os membros de uma equipe, por exemplo, sendo um ótimo suporte para quem trabalha em grupo.

Aprenda a trabalhar com Design Digital com esta ferramenta de interface simples e intuitiva, para alcançar ótimos resultados e destacar-se profissionalmente como UI designer.

Por que estudar esta formação?

Guia de aprendizado
Conteúdos pensados para facilitar seu estudo
Do básico ao avançado
Formação completa para o mercado
Você dentro do mercado
Do zero ao sonhado emprego em sua área de interesse

Comece essa formação agora mesmo e capacite-se para seu próximo projeto!

Conheça os planos

Professores especializados UX & Design

Com quem você irá aprender

André Lisboa
Sou designer focado em produtos digitais. Já prestei serviços relacionados a design de interface para diversos clientes e dou aulas relacionadas ao mundo do UI e UX aqui na Alura. Caso queira ver mais dos meus projetos pode acessar meu site em www.andrelisboa.cc
André Lisboa
Sou designer focado em produtos digitais. Já prestei serviços relacionados a design de interface para diversos clientes e dou aulas relacionadas ao mundo do UI e UX aqui na Alura. Caso queira ver mais dos meus projetos pode acessar meu site em www.andrelisboa.cc
Andre Tardelli
André é instrutor da Alura na área de UX, além de atuar como instrutor da Caelum nos cursos de UX, Desenvolvimento Web e Python. Mestrando na Universidade Federal do Rio de Janeiro, desenvolveu a paixão por ensinar desde cedo, buscando sempre transmitir seus conhecimentos de forma dinâmica e inovadora. Atualmente tem como foco de pesquisa implementar conceitos de psicologia aplicados à tecnologia, buscando novas formas de humanizar as interações realizadas no meio digital.
Andre Tardelli
André é instrutor da Alura na área de UX, além de atuar como instrutor da Caelum nos cursos de UX, Desenvolvimento Web e Python. Mestrando na Universidade Federal do Rio de Janeiro, desenvolveu a paixão por ensinar desde cedo, buscando sempre transmitir seus conhecimentos de forma dinâmica e inovadora. Atualmente tem como foco de pesquisa implementar conceitos de psicologia aplicados à tecnologia, buscando novas formas de humanizar as interações realizadas no meio digital.
Felipe Labouriau
Sou designer gráfico formado pela PUC Rio e atuo no mercado de mídias impressas e virtuais. Já colaborei para grandes insituições, como Fundação Getúlio Vargas, Ipiranga e Sebrae/RJ.
Felipe Labouriau
Sou designer gráfico formado pela PUC Rio e atuo no mercado de mídias impressas e virtuais. Já colaborei para grandes insituições, como Fundação Getúlio Vargas, Ipiranga e Sebrae/RJ.
Gustavo Diuana
Gustavo é designer de interfaces com anos de experiência em design gráfico. Já trabalhou com identidade visual de peças teatrais, com sinalização industrial, impressos de diversos formatos e atualmente se aventura nas diferentes habilitações do Web Design.
Gustavo Diuana
Gustavo é designer de interfaces com anos de experiência em design gráfico. Já trabalhou com identidade visual de peças teatrais, com sinalização industrial, impressos de diversos formatos e atualmente se aventura nas diferentes habilitações do Web Design.
Leticia Mayumi Ozono
Letícia é designer de interfaces e instrutora de UI/UX, focada no acompanhamento dos processos que compõem a experiência do usuário, desde o planejamento até as melhorias contínuas por testes e análise de métricas.
Leticia Mayumi Ozono
Letícia é designer de interfaces e instrutora de UI/UX, focada no acompanhamento dos processos que compõem a experiência do usuário, desde o planejamento até as melhorias contínuas por testes e análise de métricas.
Luiz Carlos Alves de Lima
Luiz é designer e desenvolvedor front-end, formado em Sistemas para internet. Tem experiência tanto em desenvolvimento web, como no design e criação de peças publicitárias. Já atuou como instrutor, ministrando aulas de todas as ferramentas Adobe e Autodesk Maya e sendo responsável pela equipe de instrutores na área de design e games.Hoje além de desenvolver seus projetos, atua como streamer com conteúdo de game e educativo, quer conhecer um pouco o professor? acompanhe - https://www.twitch.tv/melucckk/
Luiz Carlos Alves de Lima
Luiz é designer e desenvolvedor front-end, formado em Sistemas para internet. Tem experiência tanto em desenvolvimento web, como no design e criação de peças publicitárias. Já atuou como instrutor, ministrando aulas de todas as ferramentas Adobe e Autodesk Maya e sendo responsável pela equipe de instrutores na área de design e games.Hoje além de desenvolver seus projetos, atua como streamer com conteúdo de game e educativo, quer conhecer um pouco o professor? acompanhe - https://www.twitch.tv/melucckk/

Passo a passo

1 Os primeiros passos
Aprenda a produzir um site mobile no Figma com conceitos direcionados para o UI design e para design visual, entendendo seu workflow. Entenda como trabalhar com fontes, cores e pictogramas para compor layout interessantes. Entenda as heurísticas criadas por Jakob Nielsen, cientista da computação, que ajudam a projetar uma boa interface e por consequência uma ótima experiência de uso.
Entenda o que é o Design Thinking e como ele pode inovar e apoiar na geração de novas ideias a partir de um projeto simples em uma petshop local. Aprenda a olhar para o usuário, entenda de fato o problema que se apresenta e gere soluções assertivas e focadas. Veja formas de viabilizar suas soluções antes de implementá-las e entenda como manter o padrão de qualidade para seus futuros clientes.
- Curso Figma: Design visual de um site mobile
  Curso | 10h
- Site Auto-layout no Figma
- Site Tipografias para tela
- Site Trabalhando com cores em interfaces
- Site Acessibilidade para interfaces
- Site Densidade de pixels
- Curso Design Thinking: Viabilizando soluções
  Curso | 08h
2 Interfaces
Aprenda a criar um aplicativo no Figma a partir da construção de sua interface. Entenda diretrizes do Design de Interfaces e boas práticas para obter resultados amigáveis e intuitivos. Veja as melhores formas de trabalhar os componentes da interface com conceitos como o Design Atômico e o Design Patterns, aprendendo a criar elementos reutilizáveis. Entenda a importância dos grids para a organização visual do seu aplicativo. Ao final, aprenda a criar um protótipo navegável para apresentar ao cliente.
Entenda sobre os UI Design Patterns, padrões de interface mobile, para obter soluções elegantes para problemas de usabilidade do usuário. Veja como fazer uma análise de problemas de interatividade em um aplicativo que passou por testes e chegue à soluções simples para torná-lo mais amigável.
- Curso Figma: Componentes da interface
  Curso | 10h
- Site Espaçamentos de 8pt para interfaces
- Site Simplicidade no Design de Interface
- Site Utilizando o Smart Animate do Figma
- Site Variants no Figma
- Site Grids para telas
- Curso UI Design Patterns: Usabilidade em interfaces mobile
  Curso | 05h
3 Aprimorando o visual
Aprenda a trabalhar com desenho vetorial, que utiliza formas geométricas primitivas, como linhas, curvas, pontos, formas e polígonos, como base de construção para desenho escaláveis, que podem sofrer aumento ou diminuição de suas dimensões sem perda de qualidade.
Aprenda a trabalhar no Adobe Photoshop desde o início, conhecendo sua interface e o que significam seus elementos. Veja como criar uma peça gráfica interessante de forma simples. Para isso, aprenda a tratar imagens e trabalhar com elementos gráficos que farão parte da peça. Ao final aprenda a dar o acabamento em sua peça com ajustes de cor e iluminação e entenda como utilizar filtros que podem enriquecer a composição criada.
Conheça os principais conceitos da tipografia, sua história, parâmetros físicos que compõem os tipos e suas aplicações com o objetivo de aprender a compor peças gráficas com boa legibilidade, envolventes e que sejam conceitualmente harmônicas com o intuito do projeto.
Veja como fazer o redesign de um site no Figma, obtendo um resultado mais atraente e rebuscado. Veja como o Adobe Photoshop e o Illustrator podem ser bons aliados na edição e criação de imagens que compõem este site. Aprenda a adaptar as interfaces criadas para a versão mobile.
- Curso Adobe Illustrator: Introdução ao desenho vetorial
  Curso | 10h
- Curso Introdução ao Adobe Photoshop: Conceitos essenciais
  Curso | 10h
- Curso Tipografia: Conhecendo o que há por trás dos tipos
  Curso | 10h
- Curso Figma: Refinando o visual da interface
  Curso | 12h
- Site Usando o Jira para a metologia Scrum
- Site Viewports no Figma
- Site Criando o efeito de Parallax no Framer
- Site Organização de arquivos no Figma
4 Microinterações
Aprenda a criar protótipos realistas de alta fidelidade para aplicativos no ProtoPie. Utilize telas criadas no Figma para gerar interações. Aprenda princípios da interação, trabalho com gatilhos, condições, modal e muito mais. Ao final, veja como exportar seu protótipo e crie uma apresentação com as interações criadas pronta para ser mostrada para clientes, usuário ou usada em seu portfólio.
- Curso Introdução ao ProtoPie: Prototipação e microinterações
  Curso | 10h
- Site Índices em cadeia no Protopie