temos que ser bem cautelosos para aplicar essa dinâmica de variáveis nos nossos projetos, pois ainda está em fase Beta e muita coisa pode mudar e gerar retrabalho!
@@pixelcastbr Estou aplicando em projetos "betas" nada de produção por enquanto. É melhor esperar do que sair aplicando no trabalho ( já brinquei na minha impresa que vou apagar todas os arquivos de Design Tokens).
Muito show mano! Estou com uma dúvida, em nosso design system, temos temas Dark e Light. Mas além disso temos 4 variações de cor que são utilizadas em cada um dos produtos. Tem como fazer essa tematização pelos tokens?
Pelo que entendi tem como sim, podemos usar tanto os modes como as collections também, mas eu ainda estou tentando entender como aplicar tudo isso em um projeto real!
Muito show querido, obrigado pelo conhecimento! Gostaria de saber se é possível um vídeo explicando como fazer carrossel infinito com variante de componente. Ajudaria demais! Parabéns pelo vídeo, pra cima!
Gostei bastante das atualizações! Percebi que você criou variables globais para as cores. Talvez seja necessário criar variables específicas para fazer um De > Para mais fiel ao layout. Por exemplo: Variable para Text, Border, etc.
Semantic tokens! Sim sim… como falei, foi apenas um exemplo rápido e caso fosse aplicar em produtos de fato, deveria ter um carinho a mais. Mas sim, concordo com você
Primeiramente parabéns pelo conteúdo 🔥. Uma dúvida: Vc ta usando MAC ou WINDOWS? Se for windows, qual o nome do programa que vc utiliza para mostrar as teclas de atalho durante a gravação?
Irmão, tô com um problema aqui. Crio o componente, crio a variante. Linko no prototype o primeiro no segundo, mas quando eu vou linkar o segundo no primeiro, ele não fixa. Se jogo em outro botão fora do componente, rola. Mas linkar o a segunda variação na primeira, não. Já refiz tudo e não adiantou. Poderia me dar uma luz?
![Dark And Light Modes Using Color Variables | Figma Tutorial [CONFIG 2023]](http://i.ytimg.com/vi/KzLlAAWfyTE/mqdefault.jpg)
![Dark And Light Modes Using Color Variables | Figma Tutorial [CONFIG 2023]](/img/tr.png)
Cara não gosto de assistir nenhum video explicativo por inteiro, mas o seu eu gostei demais assisti ele todo =)
Que honra mano. Obrigado ❤
Excelente conteúdo! Prático e objetivo! Parabéns!!! Obrigada por compartilhar este conhecimento 🙌🏻❤
Eu que agradeço a audiência e o feedback, obrigado, joyce! 🥰
Valeu pelo vídeo. Top
Obrigado por assistir, amigo!
Muito bacana! Já ajudou a entender como funciona a nova funcionalidade. Figma está se aproximando cada vez mais dos devs, está ficando incrível
O Figma abraçou a complexidade que existia entre Devs e Designers. Também estou amando.
Essa conferência pegou fogo assisti tb, hehe 🛹
Isso aqui ta simplesmente animal Coronel!
Uhuuu
Arrasou no vídeo!! Obrigada por compartilhar
Bom demais Coronel! Pode postar mais, assisti tudo e achei mto útil!
Obrigado, Rolla! Que bom que curtiu 🙏❤️
Foda, mano. Parabéns pelo conteúdo e pela explicação!
Obrigado!
Muito bom Rafa, curti o formato bem mão na massa!🎉❤
valeu irmão! Fico muito feliz de saber que você curtiu. Espero manter a frequência de vídeos hahah
@@pixelcastbr estarei aqui acompanhando!
Preciso testar as variables tb ❤
Vim pelo Design Boost! Bem ditadico sim!
Mais claro impossível, muito bom conteúdo
Conteúdo Top... #superfast uhull ✌
Muito bom o video, mais um inscrito!!
Obrigado, Enzo!
Muito bom. Você conseguiria evitar aquele problema da cor de texto na box roxa se tivese definido um On Color no seu Design System
Perfeito ❤❤❤
vou dar uma testada, obrigado pela dica!
Ou poderia também criar um token text-cross com o mesmo hexa em ambos os temas.
Muito bom o conteúdo! Muito obrigado
Foi muito maneiro consegui utilizar aqui em um projeto, estou tentando conter a ansiedade.
temos que ser bem cautelosos para aplicar essa dinâmica de variáveis nos nossos projetos, pois ainda está em fase Beta e muita coisa pode mudar e gerar retrabalho!
@@pixelcastbr Estou aplicando em projetos "betas" nada de produção por enquanto. É melhor esperar do que sair aplicando no trabalho ( já brinquei na minha impresa que vou apagar todas os arquivos de Design Tokens).
Shooooooooww!
Qual é a tipografia que você utilizou no projeto? A tipografia usada em Improve your skills
Muito top o conteúdo!
Conteúdo muito bom! Vou testar em um projeto 😆
Bem legal o vídeo! Novo inscrito ˆˆ
Uhuuu
Muito show mano!
Estou com uma dúvida, em nosso design system, temos temas Dark e Light. Mas além disso temos 4 variações de cor que são utilizadas em cada um dos produtos. Tem como fazer essa tematização pelos tokens?
Pelo que entendi tem como sim, podemos usar tanto os modes como as collections também, mas eu ainda estou tentando entender como aplicar tudo isso em um projeto real!
É possível sim. Criei 4 variações para um projeto recentemente. Que é o limite (4) antes do plano Pro.
Muito show querido, obrigado pelo conhecimento!
Gostaria de saber se é possível um vídeo explicando como fazer carrossel infinito com variante de componente. Ajudaria demais!
Parabéns pelo vídeo, pra cima!
Excelente vídeo! Estou experimentando tudo que lançou, mas ainda tenho algumas dúvidas, pensa em fazer vídeo das outras novidades tbm?
que bom que curtiu, lucas! Pretendo sim, com certeza falar sobre isso é bom para ajudar a comunidade
Muito bom! Pena que só esta disponível no Figma beta
Qual seria a melhor forma de vincular os modos de cores a um botão interativo?
Gostei bastante das atualizações! Percebi que você criou variables globais para as cores. Talvez seja necessário criar variables específicas para fazer um De > Para mais fiel ao layout. Por exemplo: Variable para Text, Border, etc.
Semantic tokens! Sim sim… como falei, foi apenas um exemplo rápido e caso fosse aplicar em produtos de fato, deveria ter um carinho a mais. Mas sim, concordo com você
Irmao nao to conseguido colocar variável de cor gradiente, como eu faço?
Primeiramente parabéns pelo conteúdo 🔥.
Uma dúvida:
Vc ta usando MAC ou WINDOWS?
Se for windows, qual o nome do programa que vc utiliza para mostrar as teclas de atalho durante a gravação?
Irmão, tô com um problema aqui. Crio o componente, crio a variante. Linko no prototype o primeiro no segundo, mas quando eu vou linkar o segundo no primeiro, ele não fixa. Se jogo em outro botão fora do componente, rola. Mas linkar o a segunda variação na primeira, não. Já refiz tudo e não adiantou. Poderia me dar uma luz?
Olá, mestre. Essa funcionalidade de dar valores diferentes à variável só funciona no modo pago, certo?
Qual a marca dos fones?
O que usei no vídeo é da Apple, Airpods Max
Uma coisa nessa atualização, não acho mais o after delay hahahaha socorro figmão
O jeito de bloquear as mudanças de cores, atualmente, é utilizando os local styles, infelizmente.
Vejo que a funcionalidade ta aí, porém precisa amadurecer muito ainda. Mas fazer o que, qual produto não começa como MVP, né?
Valeu irmão. Muito bom :)