21. Local Variables
Nesta aula, eu explico sobre as variáveis locais no Figma, um recurso avançado que permite adicionar mais componentes à nossa base de estilos além dos quatro básicos: cor, fonte, sombra e grid. As variáveis nos possibilitam armazenar números, textos e valores booleans (verdadeiro/falso), o que é essencial para criar dashboards eficientes. Mostro exemplos práticos, como o projeto da Pepper, onde utilizei variáveis para manter a consistência entre várias telas. Demonstro também como alterar cores, fontes e bordas de forma prática e simultânea em todos os componentes do projeto usando variáveis. Apesar de parecer complexo inicialmente, apresento técnicas para aplicar esses conceitos de maneira eficaz, facilitando o desenvolvimento de versões Light e Dark de layouts e modificações rápidas em elementos do projeto. No final, ressalto que, para otimizar o tempo, é aconselhável focar primeiro nos estilos antes de investir nas variáveis, principalmente em projetos menores. As variáveis locais são o nível máximo em UI design, essencial para quem quer se especializar em dashboards.



