Design de Interfaces com Figma e Material UI

Eleve suas habilidade de design com ferramentas profissionais e crie protótipos de alta qualidade.

LIVRO EM ELABORAÇÃO

PREVISÃO DE FECHAMENTO DA PRIMEIRA EDIÇÃO: JUNHO/2025

SUGESTÕES E CRÍTICAS SÃO BEM VINDAS

ENVIE EMIAL PARA: abiliodeassis (Gmail)

Objetivos do Livro

  1. Ensinar a utilização do Material UI e do MUI for Figma:

    • Abordar desde o básico até técnicas avançadas para criar interfaces de usuário profissionais.

  2. Demonstrar a aplicação prática através de estudos de caso:

    • Apresentar tutoriais detalhados que guiam os designers na criação de interfaces, passo a passo.

  3. Incorporar princípios de acessibilidade no design:

    • Fornecer diretrizes e práticas recomendadas para garantir que as interfaces sejam acessíveis a todos os usuários.

Público-Alvo

O livro "Design de Interfaces com Figma e Material UI" é destinado a:

UX/UI Designers:

  • Profissionais que desejam aprofundar seus conhecimentos em design de interfaces utilizando o Material UI e o MUI for Figma.

  • Designers que buscam aprimorar suas habilidades práticas com tutoriais detalhados e estudos de caso reais.

Desenvolvedores Front-End:

  • Programadores interessados em entender melhor os princípios de design e como implementá-los usando o Material UI.

  • Desenvolvedores que colaboram com designers e querem alinhar suas práticas às melhores técnicas de design.

Profissionais de Tecnologia:

  • Equipes de produto que trabalham com a criação e manutenção de interfaces digitais.

  • Líderes de equipe e gerentes de projetos que precisam compreender os conceitos de design para melhor coordenar suas equipes.

Sumário

PARTE I: Comece rapidamente

  1. Introdução ao design de interfaces com Figma e Material UI

  2. O essencial do Material Design para design de interfaces

  3. O essencial do MUI for Figma para design de interfaces

PARTE II: Habilidades críticas para o sucesso no trabalho

  1. Como customizar as cores

  2. Como customizar a tipografia

  3. Como customizar os modos claro e escuro

  4. Como customizar os componentes

  5. Como sincronizar as customizações do Figma com o código fonte

PARTE III: Uma introdução à acessibilidade digital para designers

  1. Landmarks

  2. Headlines

  3. Ordem de foco

  4. Sentido de leitura

  5. Imagens

PARTE IV: Estudos de caso

  1. Estudo de Caso 1: Interface Básica para Aplicativo de Tarefas

  2. Estudo de Caso 2: Dashboard de Monitoramento de Vendas

  3. Estudo de Caso 3: Aplicativo de Saúde e Bem-Estar

  4. Estudo de Caso 4: Plataforma de E-commerce Completa

Idiomas Disponíveis

  • Português (pt-br).

Marcas Registradas

Figma, Material UI, Gitbook, Github, Whimsical e Mobbin são marcas registradas de seus respectivos proprietários.

Referente Técnico e Desenvolvedor

Desenvolvido com carinho ❤️ em Ribeirão Preto.

Last updated

Was this helpful?