Framer

Web Design

Sites

REM no Framer: o novo jeito de criar textos responsivos

REM no Framer: o novo jeito de criar textos responsivos

3 de mai. de 2025

REM no Framer: o novo jeito de criar textos responsivos
REM no Framer: o novo jeito de criar textos responsivos

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.

Links de referência

Rodapé Menzzo

Bora trabalhar juntos no seu projeto?

Juntos podemos tornar sua presença digital mais forte. Você terá nosso total apoio!

© Menzzo LTDA | 2025

CNPJ: 49.020.594/0001-91

E-mail: contato@menzzo.com.br

Siga a Menzzo nas redes:

Rodapé

Bora trabalhar juntos no seu projeto?

Juntos podemos tornar sua presença digital mais forte. Você terá nosso total apoio!

© Menzzo LTDA | 2025

CNPJ: 49.020.594/0001-91

E-mail: contato@menzzo.com.br

Siga a Menzzo nas redes:

Rodapé Menzzo

Bora trabalhar juntos no seu projeto?

Juntos podemos tornar sua presença digital mais forte. Você terá nosso total apoio!

© Menzzo LTDA | 2025

CNPJ: 49.020.594/0001-91

E-mail: contato@menzzo.com.br

Siga a Menzzo nas redes: