Introdução a Design Systems com Figma
Um curso de Javier Cuello, Designer UX
Aprenda a criar sistemas de design que atendam às necessidades dos seus usuários
Por trás de toda interface existe uma série de detalhes aparentemente invisíveis, que podem determinar o rumo da sua marca, empresa ou produto. Ao incorporar as ferramentas de Design Systems ao seu projeto, você poderá garantir que a sua interface tenha respaldo de todos os membros da sua equipe e funcione de forma intuitiva.
Neste curso, Javier “Simón” Cuello, designer especialista em experiência do usuário, ajudará você a construir a interface de um site, de maneira organizada, coerente e consistente, que atenda às necessidades reais dos seus usuários e clientes.
Recomendamos que você conheça também os outros cursos de Javier na Domestika: Design de interfaces com Sketch e Crie um aplicativo perfeito.
O que você aprenderá neste curso online?
24 aulas & 39 downloads
- 99% avaliações positivas (427)
- 12,034 alunos
- 24 aulas (4h 38m)
- 39 recursos adicionais (11 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Espanhol, Inglês, Francês, Italiano, Português, Türkçe
- Espanhol · Inglês · Português · Alemão · Francês · Italiano · Polonês · Holandês · Türkçe
- Nível: Iniciante
- Acesso ilimitado para sempre
Software e ferramentas recomendados para este curso
FigmaQual é o projeto deste curso?
Você criará o design da página principal de um site de viagens em 3 tamanhos diferentes.
Projetos de alunos do curso
Para quem é este curso online?
A designers de interfaces que queiram construir um projeto organizado, coerente e consistente para sites e aplicativos.
Requisitos e materiais
Você precisará ter conhecimentos básicos de Figma, incluindo criação de estilos, componentes e funções de Auto Layout, além de possuir familiaridade com design de interfaces.
Quanto aos materiais, você precisará de um computador com o software Figma instalado. Este curso foi criado com o Figma 116.3.6. Se você tiver uma versão mais recente, poderá acompanhar o conteúdo sem problemas.
Avaliações
Javier Cuello
Um curso de Javier Cuello
Javier “Simón” Cuello é designer especializado em experiência do usuário para sites e aplicativos. Sua preocupação constante em aprimorar detalhes, aparentemente invisíveis, permite garantir que um projeto de um produto seja organizado, coerente e consistente do começo ao fim.
Seu trabalho pode ser visto nas plataformas online de grandes marcas como Infojobs, Yahoo!, UEFA Champions League, Zara, entre outros.
Conteúdo
-
U1
Introdução
-
Apresentação
-
Influências
-
O que faremos no curso?
-
-
U2
Sistemas de Design
-
Benefícios para você e sua equipe de trabalho
-
Partes de um sistema
-
-
U3
As bases do seu sistema de design
-
Identifique o contexto
-
Pensando nos princípios de design
-
Guia de estilo 1
-
Guia de estilo 2
-
-
U4
Projetando o sistema
-
Elementos 1
-
Elementos 2
-
Elementos 3
-
Projeto de Componente 1
-
Projeto de Componente 2
-
Projeto de Componente 3
-
Projeto de Componente 4
-
Componentes adicionais
-
Padrões
-
Telas 1
-
Telas 2
-
-
U5
Comunicação e colaboração
-
Tokens de design
-
Como documentar o sistema
-
Mudanças e atualizações
-
Equipes de trabalho
-
-
PF
Projeto final
-
Introdução a Design Systems com Figma
-
O que esperar de um curso da Domestika
-
Aprenda no seu ritmo
Aproveite para aprender desde casa, sem um horário fixo e no seu ritmo. É você quem define sua disponibilidade.
-
Aprenda com os melhores profissionais
Aprenda métodos e técnicas fundamentais com os melhores profissionais do setor criativo.
-
Conheça os maiores especialistas
Cada professor compartilha seus conhecimentos com entusiasmo e explicações claras, oferecendo uma perspectiva profissional em cada aula.
-
Certificados
PlusSe você for um membro Plus, obtenha um certificado personalizado assinado pelo professor de cada curso que concluir. Compartilhe-o em seu portfólio, mídia social ou onde quiser.
-
Sente-se na primeira fila
Com vídeos da melhor qualidade, você não perderá nenhum detalhe! Graças ao acesso ilimitado, você pode assistir às aulas todas as vezes que precisar para aperfeiçoar sua técnica.
-
Compartilhe conhecimentos e ideias
Pergunte, peça opiniões e ofereça soluções. Compartilhe sua experiência de aprendizagem com outros alunos da comunidade tão criativos como você.
-
Conecte-se a uma comunidade criativa global
Esta comunidade acolhe milhões de pessoas do mundo todo, curiosas e apaixonadas por descobrir e expressar sua criatividade.
-
Assista a cursos produzidos de maneira profissional
A Domestika seleciona cuidadosamente seus professores e produz cada curso internamente para garantir uma experiência de aprendizagem online excelente.
Perguntas frequentes
Um design system é um conjunto de componentes, guias e padrões que garantem consistência e eficiência em produtos digitais. Ele facilita a colaboração, reduz erros e acelera o desenvolvimento, sendo essencial para equipes que buscam coerência visual e funcional.
Sim, o curso é voltado para pessoas com conhecimentos prévios em design, idealmente em nível intermediário, que querem se aprofundar na criação e gestão de design systems para produtos digitais.
É recomendável ter experiência básica em design digital e familiaridade com ferramentas como Figma. Conhecimentos sobre componentes, interfaces e princípios de design ajudam a aproveitar melhor o conteúdo.
Você vai aprender a criar e gerenciar design systems, definir componentes reutilizáveis, documentar princípios de design, otimizar fluxos de trabalho e manter a coerência visual em equipes e produtos digitais.
O curso ensina a aplicar os princípios de Dieter Rams para criar interfaces funcionais, atemporais e minimalistas, focando em soluções simples que equilibram forma e função.
São usadas principalmente as ferramentas Figma para design e criação de componentes, e ZeroHeight para documentar guias de estilo e princípios, facilitando a colaboração e o acesso às informações do sistema.
Sim, você aprenderá a estruturar e documentar componentes, princípios e guias de estilo usando ferramentas colaborativas, garantindo a adoção correta e a manutenção do sistema por toda a equipe.
Figma
very nice overview and introduction to design systems. so far so good.
Até o momento, muito interessante. Vários insights interessantes e pontos de atencao negligenciados muitas vezes.
Il corso offre una panoramica abbastanza completa. Purtroppo però la traduzione audio in italiano (e di conseguenza i sottotitoli, che corrispondono perfettamente alla traduzione audio) è davvero pessima. Ci sono troncamenti di frasi e parole/traduzioni insensate che rendono dei passaggi pressoché incomprensibili. Questo compromette notevolmente la qualità del corso per chi ne usufruisce in altra lingua.
Very insightful!
Un curso bastante completo, me sirvió para reafirmar mis conocimientos en DS. Lo recomiendo mucho si estas empezando en el mundo de los sistemas de diseño.