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