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

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

Experiências de quem já estudou com a gente

Dionatan da Rosa

em 14/05/2020

acompanhar todo o processo de criacao eh muito bom. sugiro fazer o mesmo na parte dos sketches.

Figma: Componentes da interface

Rodolfo Roveroto Dutra

em 19/03/2019

meio rápido esse curso, muitas informações valiosas, porem como não contem nada pratico, fica meio difícil a absorção do conteúdo

UI Design Patterns: Usabilidade em interfaces mobile

Tales Gubes Vaz

em 10/05/2020

Senti falta de poder favoritar algumas aulas (com um ícone de "coração" ou "bandeira!, por exemplo) para eu retornar ao conteúdo posteriormente.

Figma: Design visual de um site mobile

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

  • 1270 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

Premium

  • 1270 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$75
à vista R$900
Matricule-se

Premium Plus

  • 1270 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

12X
R$100
à vista R$1.200
Matricule-se

Max

  • 1270 cursos

    Cursos de programação, UX, agilidade, data science, transformação digital, mobile, front-end, marketing e infra.

  • Certificado de participação

    Certificado de que assistiu o curso e finalizou as atividades

  • App para Android e iPhone/iPad

    Estude até mesmo offline através das nossas apps Android e iOS em smartphones e tablets

  • Acesso à Alura Start

    Cursos de introdução a tecnologia através de games, apps e ciência

  • Acesso à Alura Língua

    Reforço online de inglês e espanhol para aprimorar seu conhecimento

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