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

9
Cursos
16
Vídeos extras
1
Artigo

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ê vai 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

  • 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.

  • Felipe Labouriau

    Sou designer gráfico de formação, com experiência no mercado de mídias impressas e virtuais. Hoje, sou instrutor de design na Alura e já colaborei para grandes insituições, como Fundação Getúlio Vargas, Ipiranga e Sebrae/RJ.

  • Felipe Labouriau

    Sou designer gráfico de formação, com experiência no mercado de mídias impressas e virtuais. Hoje, sou instrutor de design na Alura e já colaborei para grandes insituições, como Fundação Getúlio Vargas, Ipiranga e Sebrae/RJ.

  • 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.

  • 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

    Eu sou o Luiz Lima, sou designer mas curto bastante o desenvolvimento, meu conforto é o front-end. Eu queria incialmente criar as artes por traz de jogos, mas fui levado para o lado mais publicitário do ramo, logo ganhei mais experiência na construção de logo, peças plubicitárias e composições, como sempre vivi perto de tecnologia e games (action rpg e openworld são meus favoritos), leciono sobre o que aprendi durante meus estudos e trabalhos, todo o pacote ADOBE e ferramentas 3D como MAYA e BLENDER.

  • Luiz Carlos Alves de Lima

    Eu sou o Luiz Lima, sou designer mas curto bastante o desenvolvimento, meu conforto é o front-end. Eu queria incialmente criar as artes por traz de jogos, mas fui levado para o lado mais publicitário do ramo, logo ganhei mais experiência na construção de logo, peças plubicitárias e composições, como sempre vivi perto de tecnologia e games (action rpg e openworld são meus favoritos), leciono sobre o que aprendi durante meus estudos e trabalhos, todo o pacote ADOBE e ferramentas 3D como MAYA e BLENDER.

Passo a passo

  1. 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.

  2. 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.

  3. 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.

  4. 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.

nossos alunos e alunas

Experiências de quem já mergulhou com a gente.

Achei excelente a dinâmica das aulas e a didática utilizada. Super obrigada.

Design Thinking: Viabilizando soluções

Luana de Lima

Acompanhar o processo de criação junto com o André é uma forma de aprendizado ímpar.

Figma: Componentes da interface

Brandon Araújo Dias

Muito bem explicado! Adorei conhecer o Figma e com certeza será muito útil nos meus projetos. Obrigado André e equipe, também pelas dicas e referências enriquecedoras... Abraço a todos e até a próxima aula.

Figma: Design visual de um site mobile

Daniel Cardoso de Almeida

Comece hoje mesmo os cursos de Figma. Matricule-se agora!

Plus

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$85
à vista R$1.020
Matricule-se

Pro

  • Acesso a TODOS os cursos da plataforma

    Mais de 1200 cursos completamente atualizados, com novos lançamentos todas as semanas, em Programação, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.

  • Alura Challenges

    Desafios temáticos para você turbinar seu portfólio. Você aprende na prática, com exercícios e projetos que simulam o dia a dia profissional.

  • Alura Cases

    Webséries exclusivas com discussões avançadas sobre arquitetura de sistemas com profissionais de grandes corporações e startups.

  • Certificado

    Emitimos certificados para atestar que você finalizou nossos cursos e formações.

  • Alura Língua (incluindo curso Inglês para Devs)

    Estude a língua inglesa com um curso 100% focado em tecnologia e expanda seus horizontes profissionais.

12X
R$120
à vista R$1.440
Matricule-se
Conheça os Planos para Empresas

Acesso completo
durante 1 ano

Estude 24h/dia
onde e quando quiser

Novos cursos
todas as semanas