Olá! Meu nome é Maria Silveira, sou monitora e instrutora na Alura, e irei te acompanhar neste curso sobre prática de design system no Figma.
Audiodescrição: Maria se descreve como uma mulher de pele parda, de cabelos cacheados castanho-escuros e com as pontas douradas, amarrados em um rabo de cavalo, sobrancelhas castanho-escuras, e olhos castanho-escuros. Ela usa brincos de argola pequenos e dourados, veste uma camisa branca, e está sentada em frente a uma parede clara iluminada em gradiente lilás, com uma estante triangular de madeira à esquerda de Maria, contendo livros e enfeites.
Neste curso, você irá encontrar quatro exercícios. O primeiro será a construção de design tokens (elementos de design) no Figma. Esses design tokens incluirão cor e tipografia.
Caso considere fácil, você também poderá criar design tokens de espaçamento.
Além de criar a parte da nomenclatura, adicionaremos os design tokens às variáveis locais no Figma, de modo a facilitar a utilização de cores e tipografia nos elementos que serão construídos.
A segunda prática consistirá na construção de alguns componentes que farão parte do nosso design system e da interface que vamos desenvolver. Entre esses componentes, estão:
- Botões;
- Cards (cartões);
- Tags;
- Checklists (listas de verificação);
- Inputs (campos de entrada);
- Menus de navegação;
- Entre outros.
O terceiro exercício envolve a organização do design system.
Nessa etapa, criaremos seções com tudo o que foi desenvolvido, desde os design tokens até os elementos e componentes criados durante o processo.
Observação: podemos fazer isso no arquivo atual ou criar um arquivo separado para ser a documentação do Fastask DS, que é o design system da Fastask.
Por fim, a última prática consiste em aplicar o design system na construção de uma tela para o Fastask, nosso sistema de gerenciamento de tarefas. Nessa tela, utilizaremos não apenas os design tokens criados, mas também todos os elementos visuais e componentes desenvolvidos até o momento, para dar vida à tela e, realmente, utilizar o design system que praticamos.
Nos encontramos durante a prática!
O curso Praticando Figma: Design System possui 4 minutos de vídeos, em um total de 7 atividades. Gostou? Conheça nossos outros cursos de UI Design em UX & Design, ou leia nossos artigos de UX & Design.
Matricule-se e comece a estudar com a gente hoje! Conheça outros tópicos abordados durante o curso:
Impulsione a sua carreira com os melhores cursos e faça parte da maior comunidade tech.
1 ano de Alura
Assine o PLUS e garanta:
Formações com mais de 1500 cursos atualizados e novos lançamentos semanais, em Programação, Inteligência Artificial, Front-end, UX & Design, Data Science, Mobile, DevOps e Inovação & Gestão.
A cada curso ou formação concluído, um novo certificado para turbinar seu currículo e LinkedIn.
No Discord, você tem acesso a eventos exclusivos, grupos de estudos e mentorias com especialistas de diferentes áreas.
Faça parte da maior comunidade Dev do país e crie conexões com mais de 120 mil pessoas no Discord.
Acesso ilimitado ao catálogo de Imersões da Alura para praticar conhecimentos em diferentes áreas.
Explore um universo de possibilidades na palma da sua mão. Baixe as aulas para assistir offline, onde e quando quiser.
Acelere o seu aprendizado com a IA da Alura e prepare-se para o mercado internacional.
1 ano de Alura
Todos os benefícios do PLUS e mais vantagens exclusivas:
Luri é nossa inteligência artificial que tira dúvidas, dá exemplos práticos, corrige exercícios e ajuda a mergulhar ainda mais durante as aulas. Você pode conversar com a Luri até 100 mensagens por semana.
Aprenda um novo idioma e expanda seus horizontes profissionais. Cursos de Inglês, Espanhol e Inglês para Devs, 100% focado em tecnologia.
Transforme a sua jornada com benefícios exclusivos e evolua ainda mais na sua carreira.
1 ano de Alura
Todos os benefícios do PRO e mais vantagens exclusivas:
Mensagens ilimitadas para estudar com a Luri, a IA da Alura, disponível 24hs para tirar suas dúvidas, dar exemplos práticos, corrigir exercícios e impulsionar seus estudos.
Envie imagens para a Luri e ela te ajuda a solucionar problemas, identificar erros, esclarecer gráficos, analisar design e muito mais.
Escolha os ebooks da Casa do Código, a editora da Alura, que apoiarão a sua jornada de aprendizado para sempre.