06. Primeiras impressões

Exclusivo para assinantes

Descrição

Comentários

Nesta aula, apresento as primeiras impressões ao abrir o Framer e mostro como ele se assemelha ao Figma em termos de interface e funcionamento. No menu superior, encontramos opções como Insert, Layout, Text e Plugins, enquanto no lado esquerdo temos páginas, camadas e assets. A principal diferença está no conceito de páginas: no Framer, elas representam partes do site, como Home, Contato ou 404, enquanto no Figma são áreas de trabalho. Demonstrei como utilizar o Canvas para organizar cores e fontes, além de apresentar ferramentas como a "mãozinha" para movimentação e os breakpoints, que ajudam a adaptar o design para diferentes tamanhos de tela (desktop, tablet, mobile). No lado direito, explorei menus para personalizar layout, cursores, efeitos e estilos. O Framer exige publicação manual para que alterações sejam efetivadas, o que garante maior controle sobre o conteúdo no ar. Apesar de pequenas diferenças nos atalhos e algumas ferramentas, ele é bastante intuitivo, especialmente para quem já conhece o Figma. Com foco em simplificar o aprendizado, as próximas aulas trarão uma abordagem prática para o uso dessas ferramentas.

Comentários

Descrição

Comentários

Nesta aula, apresento as primeiras impressões ao abrir o Framer e mostro como ele se assemelha ao Figma em termos de interface e funcionamento. No menu superior, encontramos opções como Insert, Layout, Text e Plugins, enquanto no lado esquerdo temos páginas, camadas e assets. A principal diferença está no conceito de páginas: no Framer, elas representam partes do site, como Home, Contato ou 404, enquanto no Figma são áreas de trabalho. Demonstrei como utilizar o Canvas para organizar cores e fontes, além de apresentar ferramentas como a "mãozinha" para movimentação e os breakpoints, que ajudam a adaptar o design para diferentes tamanhos de tela (desktop, tablet, mobile). No lado direito, explorei menus para personalizar layout, cursores, efeitos e estilos. O Framer exige publicação manual para que alterações sejam efetivadas, o que garante maior controle sobre o conteúdo no ar. Apesar de pequenas diferenças nos atalhos e algumas ferramentas, ele é bastante intuitivo, especialmente para quem já conhece o Figma. Com foco em simplificar o aprendizado, as próximas aulas trarão uma abordagem prática para o uso dessas ferramentas.

Comentários

Descrição

Comentários

Nesta aula, apresento as primeiras impressões ao abrir o Framer e mostro como ele se assemelha ao Figma em termos de interface e funcionamento. No menu superior, encontramos opções como Insert, Layout, Text e Plugins, enquanto no lado esquerdo temos páginas, camadas e assets. A principal diferença está no conceito de páginas: no Framer, elas representam partes do site, como Home, Contato ou 404, enquanto no Figma são áreas de trabalho. Demonstrei como utilizar o Canvas para organizar cores e fontes, além de apresentar ferramentas como a "mãozinha" para movimentação e os breakpoints, que ajudam a adaptar o design para diferentes tamanhos de tela (desktop, tablet, mobile). No lado direito, explorei menus para personalizar layout, cursores, efeitos e estilos. O Framer exige publicação manual para que alterações sejam efetivadas, o que garante maior controle sobre o conteúdo no ar. Apesar de pequenas diferenças nos atalhos e algumas ferramentas, ele é bastante intuitivo, especialmente para quem já conhece o Figma. Com foco em simplificar o aprendizado, as próximas aulas trarão uma abordagem prática para o uso dessas ferramentas.

Comentários

Especialistas

Henrique Sabino

Fundador da Harena

Mentor

Hashtags

#Framer #panoramageral #design #primeirasimpressoes #ferramentas

Olá 👋,

Em que posso ajudar?

Sugestões & Feedbacks