Olá, boa tarde!
Nesta aula o professor explicou como aplicar as variáveis para um design responsivo no figma pago, porém acredito que tenha esquecido de explicar como podemos aplicar isso no Figma gratuito. Minha dúvida é de como fazer a conexão com modo de desktop, tablet e mobile.
Olá, Larice! Tudo bem?
Agradeço por compartilhar sua dúvida no fórum.
No Figma gratuito, realmente não é possível usar Variables como no plano pago. Isso limita a conexão automática entre desktop, tablet e mobile, mas ainda dá para chegar em um resultado bem próximo usando outras estratégias.
O que normalmente se faz nesse caso é trabalhar com componentes + variantes. Você cria um mesmo componente (por exemplo, um botão ou card) e define variantes para desktop, tablet e mobile. Assim, em vez de trocar variáveis, você troca a variante conforme o breakpoint que está desenhando.
Outra prática comum é manter frames separados para cada dispositivo e usar estilos de texto e cor (Text Styles e Color Styles). Quando você altera um estilo, a mudança se reflete em todos os lugares onde ele foi aplicado, o que ajuda bastante na consistência do design responsivo.
Ou seja, no plano gratuito você não “conecta” os modos como nas Variables, mas sim organiza e replica o comportamento usando componentes, variantes e estilos. O raciocínio de responsividade continua o mesmo, só muda a ferramenta.
Espero que eu tenha conseguido te ajudar.
Conte com o fórum sempre que precisar.
Abraços e bons estudos! ✨