Variáveis - Criando componentes responsivos no Figma!

No vídeo de hoje exploremos as variáveis de números e boolean para criar um componente responsivos que se adaptam para diferentes resoluções de tela. No exemplo usaremos os tamanhos de Desktop, Tablet e Mobile.

Para se aprofundar ainda mais no poder das variáveis, garanta sua vaga no meu Curso de Figma https://cursodefigma.com

Lembra de curtir o projeto direto na Comunidade do Figma:
https://www.figma.com/community/file/...

Capítulos:
00:00 - Introdução
00:38 - Demonstração do uso de variáveis no Figma
01:00 - Criação de frames para diferentes tamanhos de tela
02:00 - Utilização de templates do Figma
03:00 - Criação da navegação com auto layout
03:41 - Adição de links na navegação
04:09 - Criação de um ícone de menu estilizado
04:42 - Inclusão do ícone de menu na navegação
04:45 - Configurando o auto layout
04:50 - Desabilitando a navegação
05:07 - Personalizando a aparência da navegação
05:22 - Personalizando o ícone da navegação
05:30 - Ajustando o componente de acordo com as variáveis
05:45 - Criando variáveis de tamanho de tela
06:00 - Criando variáveis de modos de exibição
06:32 - Conectando os frames de acordo com as variáveis
07:08 - Conectando o tamanho da navegação
07:30 - Criando restrições para diferentes tamanhos de tela
08:01 - Criando uma nova boolean para alternar entre ligado e desligado
08:10 - Mostrando o menu apenas para desktop
08:20 - Conectando a visibilidade do menu com o ícone de olho
08:33 - Escondendo o menu no tablet
09:01 - Escondendo os links
09:19 - Ajustando o espaçamento dos links no mobile
09:47 - Sincronizando o layout do menu com a pele
10:11 - Demonstrando a responsividade do componente em diferentes tamanhos de tela
10:45 - Conclusão e convite para baixar o projeto e tirar dúvidas
11:03 - Divulgação do curso de Figma

#Figma #Tutorial #variaveis #variables #uxdesign #ux #uxui #designers #designtrends #uxbrasil #uxdesigners #userexperience #userexperiencedesign #uiuxdesign #design #uxdesign #designdeexperiencia #uxbrasil #designdeinterface #uxdesignbrasil #figmadesign #interfacedesign #mockup #figmatutorial