13. Local variables

Exclusivo para assinantes

Descrição

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

Descrição

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

Descrição

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
Nível Glaukos
Nível Glaukos

Especialistas

Henrique Sabino

Fundador da Harena

Mentor

Hashtags

#Figma #Design #UI #VariáveisLocais #Dashboard

Olá 👋,

Em que posso ajudar?

Sugestões & Feedbacks