Framer
Web Design
Sites
3 de mai. de 2025
Introdução: o que mudou no Framer em abril de 2025
Imagine se você pudesse definir todos os tamanhos de texto do seu site com um único ponto de referência — e, melhor ainda, ajustar isso automaticamente para diferentes telas. Foi exatamente isso que o Framer trouxe em sua atualização de abril de 2025 com a chegada do REM.
Essa mudança não é apenas técnica; é uma transformação na forma como designers pensam e aplicam escalas tipográficas em projetos responsivos. Se você já lutou com px
, em
ou precisava ajustar manualmente o tamanho do texto em cada breakpoint, essa novidade vai simplificar (e muito) sua rotina.
O que é REM e por que isso importa para designers
REM em linguagem simples
REM (Root EM) é uma unidade de medida relativa ao tamanho da fonte raiz (html { font-size }
). Por padrão, 1rem equivale a 16px. A grande vantagem do REM é que ele permite criar uma escala tipográfica coesa e responsiva, sem precisar alterar cada valor manualmente.
Unidade | Base | Varia por contexto? | Ideal para |
---|---|---|---|
px | Fixo | Não | Tamanhos exatos (mas pouco responsivos) |
em | Elemento pai | Sim | Componentes específicos |
rem | Elemento raiz | Não | Escalas tipográficas globais |
Como o Framer implementou o REM na prática
Base por Breakpoint: um novo nível de controle
Agora, ao usar o Framer, você pode definir valores base diferentes para cada breakpoint (ex: mobile = 14px, desktop = 18px). Isso significa que, se você usar 2rem
em um título:
No mobile (base 14px), o título terá 28px
No desktop (base 18px), o mesmo título terá 36px
Templates com REM: responsividade sem retrabalho
Se você usa Layout Templates, essa atualização é ainda mais poderosa:
Você define os breakpoints e os valores base em um só lugar, e todos os estilos de texto se adaptam automaticamente, sem precisar redesenhar nada.
O que mais mudou na atualização REM do Framer?
Além do suporte completo ao REM, o Framer também trouxe diversas melhorias de desempenho e usabilidade:
Melhorias de performance
Interface do app mais rápida
Ações e atualizações de componentes otimizadas
Navegação e acessibilidade aprimoradas
Novidades adicionais
Suporte a YouTube com playlists e livestreams
Melhor design nas notificações (Toasts)
Ajustes nos inputs de transformação e preferências
FAQ – Dúvidas comuns sobre o REM no Framer
1. Posso continuar usando px ou em no Framer?
Sim, essas unidades continuam disponíveis. O REM é mais uma opção — e agora, a mais recomendada para design responsivo.
2. REM afeta só texto ou também outros elementos?
Nesta atualização, o foco foi em textos: camadas de texto e estilos. Mas é possível que outras áreas do Framer também adotem REM futuramente.
3. Preciso mudar todo meu projeto para usar REM?
Não necessariamente. Mas se você quiser aproveitar ao máximo a responsividade e a escalabilidade da tipografia, vale a pena migrar.
Conclusão: o Framer está ainda mais poderoso
Essa atualização mostra que o Framer está ouvindo os designers e investindo pesado em responsividade, escalabilidade e produtividade. Com o suporte ao REM, ficou mais fácil manter consistência tipográfica entre dispositivos, economizar tempo e pensar como um verdadeiro system designer.