Design systems para sites com Figma
Um curso de Filip Felbar , Designer digital
Aprenda a criar sistemas de design para sites visualmente atraentes usando Figma e maximize seu fluxo de trabalho.
Aprenda a criar sistemas de design para sites visualmente atraentes usando Figma e maximize seu fluxo de trabalho.
Tendo trabalhado em vários campos criativos, o Designer Digital Filip Felbar sabe como a falta de estrutura pode causar problemas. Seu processo é dedicado a estruturar e tornar as coisas mais fáceis e acessíveis. É aí que entram os sistemas de design. Um sistema de design é uma biblioteca coletiva que reúne todos os elementos necessários para que uma equipe planeje, realize e desenvolva um produto de forma eficiente e alinhada com sua marca. Ele pode apresentar tudo, desde diretrizes de estilo até informações de codificação.
Neste curso online, Filip compartilha com você o que são sistemas de design e sua abordagem para desenvolvê-los e reciclá-los. Aprenda também a navegar pelas ferramentas da Figma de forma eficaz para criar sistemas de design digital para sites. Explore componentes globais e layout automático para acelerar seu processo!
O que você aprenderá neste curso online?
22 aulas & 23 downloads
- 94% avaliações positivas (63)
- 5,414 alunos
- 22 aulas (5h 5m)
- 23 recursos adicionais (6 arquivos)
- Online e no seu ritmo
- Disponível no aplicativo
- Áudio: Inglês
- Inglês · Espanhol · Português · Alemão · Francês · Italiano · Polonês · Holandês
- Nível: Iniciante
- Acesso ilimitado para sempre
Qual é o projeto deste curso?
Aprenda a criar um design de site visualmente atraente e um sistema de design organizado com a documentação apropriada.
Projetos de alunos do curso
Para quem é este curso online?
Qualquer pessoa que queira aprender mais sobre sistemas de design e web design.
Requisitos e materiais
Figma ou uma ferramenta semelhante.
A experiência anterior com a Figma beneficiará os alunos.
Avaliações
Filip Felbar
Um curso de Filip Felbar
Filip Felbar é um designer digital com sede na Dinamarca que se especializa em ajudar as empresas a comunicar sua mensagem principal ao público de maneira significativa e atraente. Viniendo de uma família criativa, Filip sempre quiso fazer algo criativo. Mas não foi tão cedo que estudou Design de TI na Universidad de Ciencias Aplicadas de Zagreb que descobriu sua paixão pelo design da web, o desenvolvimento e a criação de marcas. Foi reconhecido por seu trabalho em inúmeras entregas de prêmios, incluindo Awwwards, CSS Design Awards e Mindsparkle Mag.
Conteúdo
-
U1
Introdução
-
Apresentação
-
Influências
-
-
U2
Sistemas de projeto
-
Introdução aos sistemas de design
-
Como os sistemas de design podem ajudá-lo a acelerar seu fluxo de trabalho
-
Introdução ao projeto e abordagem
-
-
U3
O processo de design da web e do sistema
-
Configurando o arquivo Figma e iniciando as primeiras explorações 1
-
Configurando o arquivo Figma e iniciando as primeiras explorações 2
-
Expandindo o sistema de explorações e design 1
-
Expandindo o sistema de explorações e design 2
-
Organizando as páginas do design system 1
-
Organizando as páginas do design system 2
-
Explorando variantes ao criar componentes
-
-
U4
Refinando o site e o sistema de design
-
Refinando o sistema de design com uma página montada 1
-
Refinando o sistema de design com uma página montada 2
-
Refinando o sistema de design com uma página montada 3
-
Configurando novas páginas com o sistema de design completo 1
-
Configurando novas páginas com o sistema de design completo 2
-
Configurando novas páginas com o sistema de design completo 3
-
Como abordar a criação de documentação para o design system
-
-
U5
Fechando e indo além da web
-
Limpando e usando um layout automático
-
Utilizando o design em outros elementos da marca
-
Pensamentos finais
-
-
PF
Projeto final
-
Design systems para sites 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
Os cursos da Domestika são aulas online que lhe permitem aprender uma série de ferramentas e habilidades para realizar um projeto concreto. Cada etapa do projeto combina vídeos e textos, além de instruções complementares. Os cursos também oferecem a oportunidade de compartilhar seus próprios projetos com outros usuários e com o professor, criando assim uma comunidade em torno do curso.
Os cursos são 100% online, portanto, assim que são publicados, os cursos começam e terminam quando você quiser. Você determina o ritmo da aula. É possível voltar para ver o que lhe interessa, pular o que você já sabe, fazer perguntas, resolver dúvidas, compartilhar seus projetos e muito mais.
Os cursos são divididos em diferentes unidades, cada uma inclui aulas, textos explicativos, tarefas e práticas para completar seu projeto passo a passo, recursos e documentos complementares. Você também terá acesso a um fórum exclusivo no qual poderá interagir com todos os alunos do curso e o professor, bem como compartilhar seus trabalhos e o projeto que realizar, criando uma comunidade em torno do curso.
Você pode resgatar um curso que recebeu de presente acessando página de resgate e inserindo o código de presente.
ebru.sigirtmac
Kind of a good course if you need to learn how to create and manage a UI design system. However the teaching style is not very inspiring, it feels like we are just completing the tasks that need to be done. To me, inspiration plays the biggest part in learning. If you think dullness will not bother you, you can check this course.
Ver tradução
Ocultar tradução
martlagmo
Un buen curso
Ver tradução
Ocultar tradução
slrm
Me parece que se enfoca muycho en aspectos generales mas que en un sistema de diseño UXUI completo. Esta bien como una introduccion pero creo que hay aspectos clave del proceso del sistema que no se menciona en ningun momento.
Ver tradução
Ocultar tradução
irisshakarov
I highly recommend this course! The content is well-structured, and the instructor explains concepts clearly and with practical examples. It's perfect for anyone looking to understand design systems and how to use Figma effectively for website design
Ver tradução
Ocultar tradução
giovanni.caffio
Clear process, very practical. You need to know already Figma to follow Filip, but if you know, you can find useful advices.
Ver tradução
Ocultar tradução