06. Primeiras impressões
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
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
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
Nível Aion
Nível Aion
Nível Aion
Especialistas
Henrique Sabino
Fundador da Harena
Mentor
Níveis
Hashtags
#Framer #panoramageral #design #primeirasimpressoes #ferramentas
Olá 👋,
Em que posso ajudar?
Sugestões & Feedbacks