13. 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.
Comentários
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.
Comentários
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.
Comentários
Nível Glaukos
Cores & Tipografia
Figma Plugins
Nível Glaukos
Cores & Tipografia
Figma Plugins
Nível Glaukos
Cores & Tipografia
Figma Plugins
Especialistas
Henrique Sabino
Fundador da Harena
Mentor
Níveis
Hashtags
#Figma #Design #UI #VariáveisLocais #Dashboard
Olá 👋,
Em que posso ajudar?
Sugestões & Feedbacks