07. O que são pages, layers e assets

Exclusivo para assinantes

Descrição

Comentários

Hoje vou te ensinar como usar Pages, Layers e Assets no Framer de forma prática, usando meu SaaS Elogiou como exemplo. No Framer, uma página é cada janela que você abre no navegador. Criei algumas páginas para mostrar como editar, publicar, renomear ou deletar, além de configurar páginas de erro 404 e organizar páginas dentro de pastas. Também falei sobre camadas (Layers), que ajudam a organizar os elementos na tela. Expliquei como elas se estruturam como se fosse uma leitura de gibi: da esquerda pra direita e de cima pra baixo. Isso facilita entender como os elementos aparecem no site. Já os assets são recursos que usamos repetidamente, como botões ou estilos de texto. Ensinei como transformar algo em um componente, para que ele seja editado de forma centralizada e todas as cópias dele sejam atualizadas automaticamente. Além disso, mostrei como configurar estilos de texto, links e paletas de cores para manter um visual consistente. Se você precisa integrar códigos externos ou reaproveitar assets de outros projetos, o Framer também permite isso. Tudo é bem organizado e fácil de acessar. Essa aula foi focada nos conceitos básicos, mas fundamentais para trabalhar no Framer. Espero que tenha gostado!

Comentários

Descrição

Comentários

Hoje vou te ensinar como usar Pages, Layers e Assets no Framer de forma prática, usando meu SaaS Elogiou como exemplo. No Framer, uma página é cada janela que você abre no navegador. Criei algumas páginas para mostrar como editar, publicar, renomear ou deletar, além de configurar páginas de erro 404 e organizar páginas dentro de pastas. Também falei sobre camadas (Layers), que ajudam a organizar os elementos na tela. Expliquei como elas se estruturam como se fosse uma leitura de gibi: da esquerda pra direita e de cima pra baixo. Isso facilita entender como os elementos aparecem no site. Já os assets são recursos que usamos repetidamente, como botões ou estilos de texto. Ensinei como transformar algo em um componente, para que ele seja editado de forma centralizada e todas as cópias dele sejam atualizadas automaticamente. Além disso, mostrei como configurar estilos de texto, links e paletas de cores para manter um visual consistente. Se você precisa integrar códigos externos ou reaproveitar assets de outros projetos, o Framer também permite isso. Tudo é bem organizado e fácil de acessar. Essa aula foi focada nos conceitos básicos, mas fundamentais para trabalhar no Framer. Espero que tenha gostado!

Comentários

Descrição

Comentários

Hoje vou te ensinar como usar Pages, Layers e Assets no Framer de forma prática, usando meu SaaS Elogiou como exemplo. No Framer, uma página é cada janela que você abre no navegador. Criei algumas páginas para mostrar como editar, publicar, renomear ou deletar, além de configurar páginas de erro 404 e organizar páginas dentro de pastas. Também falei sobre camadas (Layers), que ajudam a organizar os elementos na tela. Expliquei como elas se estruturam como se fosse uma leitura de gibi: da esquerda pra direita e de cima pra baixo. Isso facilita entender como os elementos aparecem no site. Já os assets são recursos que usamos repetidamente, como botões ou estilos de texto. Ensinei como transformar algo em um componente, para que ele seja editado de forma centralizada e todas as cópias dele sejam atualizadas automaticamente. Além disso, mostrei como configurar estilos de texto, links e paletas de cores para manter um visual consistente. Se você precisa integrar códigos externos ou reaproveitar assets de outros projetos, o Framer também permite isso. Tudo é bem organizado e fácil de acessar. Essa aula foi focada nos conceitos básicos, mas fundamentais para trabalhar no Framer. Espero que tenha gostado!

Comentários

Especialistas

Henrique Sabino

Fundador da Harena

Mentor

Hashtags

#Framer #Pages #Layers #Assets #DesignWeb

Olá 👋,

Em que posso ajudar?

Sugestões & Feedbacks