Que aulão, vou abandonar o wordpress e começar a aprender framer, curti muito. Fala mais sobre a questão da hospedagem se puder, foi uma das partes que fiquei com muitas duvidas
Ótima pergunta, então hoje você não precisa pagar hospedagem, você usa a do próprio framer que fica na AWS, com vários benefícios de Cache automatico, otimização de imagens, você precisa apenas pagar um domínio pra colocar seu Custom Domain.
Olá tudo bem? Poderia de ajudar em algumas dúvidas? Por favor! Sobre a entrega, eu crio uma conta no Frame para o cliente e crio o site nessa conta ou na minha conta mesmo do Frame eu crio o site do cliente? Também relacionado isso, como eu faço a precificação do site? Eu repasso a taxa do Frame para o cliente ou contrato o plano que gera mais site e vou criando nesses? Pq ví que cada plano tem limite de acesso, isso não atrapalho no caso de criar mais de um site na mesma conta do Frame?
Falaaa irmão! Beleza? Basicamente você pode criar na sua conta e depois gerar um remix link com o site pronto, e passar pra conta do seu cliente. Os planos eles são por site, pra cada site com dominio personalizado, você precisa pagar um plano.
Tenho interesse no curso avançado !! é possível criar templates ecommerce para shopify utilizando o framer ? utilizar o framer como build principal para editar os elementos da página !!
Agora tem uma integração de um player externo que permite essa integração. A gente está trazendo no nosso curso Framer Skills, me chama no Instagram que te dou mais detalhes @kacio.filipe
Oi Kacio, primeiramente obrigada pela aula, conteúdo de ouro! Chegando agora nesse mundo de Figma e Framer, tenho uma dúvida, como fica a parte responsiva? Se adequa automaticamente?
Hey Angelica, depois de você criar o Desktop, você pode fazer os responsivos é só clicar no + eai você pode criar Versão pra Ipad, Celular, e ajusta pra cada dispositivo :> Bem tranquilo de fazer, no nosso evento agora da semana que vem eu vou criar o site do zero, não sei se está dentro, mas vamos refazer o site da Disney Plus. No meu instagram @kacio.filipe tem o link do evento caso tenha interesse
Ótima aula... Estou considerando usar o framer para um projeto. Uma dúvida, durante o vídeo vc usa uma extensão para chrome que achei bem legal. Pode compartilhar qual é?
Dizem que tem um plugin que cópia o projeto inteiro do Framer, mas não sei qual é. No caso seria ou pedir para a pessoa adquirir o Framer com a hospedagem deles (que é excelente) ou copiar tudo com plugin msm.
@@filipegoncalves3038 Vi um comentário que tem uma extensão do Chrome que faz isso, o download do site do Framer e aí pode ser importado em outra hospedagem...
Muito bom o conteúdo, parabéns pela aula! Só fiquei curioso pra ver se daria muito trabalho deixar responsivo para mobile. Tem algum outro video falando sobre?
Tranquilo de fazer irmão. Você vai na sessão que você quer que quando clique vá pra ela, e cria um scroll section dando um nome pra ela. Ai no botão você fala que quando clicar que ir pra aquela página e o nome daquela sessão 🔥🚀 Eu tenho vídeos na nossa comunidade do WhatsApp também… me chama no Instagram @kacio.filipe
Apenas um feedback, na parte em que vc ensina a usar o Framer, seria legal se ao inves de usar os atalhos do teclado vvc mostrasse como usar o comando ou especificasse qual atalho esta usando... Tive muita dificuldade nessa parte. Entretanto o vídeo é muito bom, gostei muito do seu canal!! Abraços!
Você pode criar todo o projeto na sua conta, depois cria uma conta pro seu cliente e você pode enviar pra ele uma cópia do site, aí só faz o pagamento do plano na conta dele… E conecta com o domínio dele e pronto tudo rodando 🔥✅
Mano porque quando eu coloco uma foto do lado da outra quando clico pra ver como ta ficando , a foto fica em um lugar totalmente diferente do que eu coloqhei ?
@@VictorBastos30 provavelmente você tem que acionar as stacks. E fazer o controle por ela é como o auto layout do Figma. Se não os objetos ficam em posição Absolut e acabam indo pra um local na haver.
@@VictorBastos30 Entra na nossa comunidade, que ai conseguimos ver de perto o que está acontencendo. Deixei o link da community no Framer ou me chama no instagram kacio.filipe que te puxo pra lá.
Kacio vc conhece o DORA? vc seria o cara para fazer um bom comparativo entre o FRAMER e o DORA, estou estudando os 2 e me empolgou demais, hoje eu uso o ELEMENTOR e o BRIZY, mas o FRAMER e o DORA está anos luz em questão de produtividade, tempo, facilidade e menos etapas a serem configuradas. Vc é MONTRO!!! Devido alguns problemas de saúde e alguns tratamentos que farei pretendo achar um jeito de comprar seu curso. PARABÉNS pelo que ensina aqui.
Tem potencial, o problema é qu e simplesmente não consegui acompanhar seu tutorial poque você usa muitos atalhos (e não diz o que fez/como fez) tornando quase que impossível de aprender/acompanhar (e olha que já trabalho com desenvolvimento NoCode no Bubble, AppGyver e FlutterFlow) Meu feedback pras próximas aulas seria não usar atalhos, ou se for usar ao menos descrever o atalho que está usando, pois quem está aprendendo não faz ideia de como vc fez... Abraço.
Imagine eu que estou tentando aprender algo novo pra me livrar de CLT..... Realmente quase impossível acompanhar pra quem não tem nenhum conhecimento desta plataforma...
Esse site aqui já é um pouco mais avançado, objetivo não era tutorial do zero. Se você for no meu UA-cam nas playlist eu tenho um curso grátis de Framer aqui no UA-cam… Você pode começar desde o zero, eu faço até o site da Apple… e vou te ensinando como fazer 🔥🚀
Sem dúvidas o Framer te permite fazer animações avançadas de forma muito mais fácil, tem de forma nativa Multilinguagem, CMS, Integração com Figma, Custom Cursor, muita coisa que não fica dependendo de uma infinidade de plugins ou códigos. Eu curto muito a ferramenta, te convido a dar uma testada :>
Achei complexo demais, o tutorial acaba sendo muito rápido eu acho. São muitas variáveis o framer, não consegui compreender muuuuito bem... Sou web designer e trabalho com WP + Elementor e faço um bom trabalho mas gostaria de aprender e usar o Framer....
Acaba que esse tutorial ele já é pra quem conhece um pouquinho de Framer. Eu tenho uma playlist e um curso grátis aqui no UA-cam, ensinando do zero como criar um site no Framer. Onde eu refiz o site da Apple, vale a pena dar uma conferida 🚀🚀
Nossa, muito melhor que o original. A "modelo" usada no site oficial é horrível, a paleta de cores é horrível.... Esse "padrão" de beleza que é usado hoje é surreal...
"e a nossa sessão, que a gente vai trabalhar aqui oh .. é a ssessão "hero section" (fala como se fosse a coisa mais óbvia do mund) meu amigo... que coisa dificil aprender com quem não sabe presumir minimamente o que não é sabido. professor ruim demais.
9 місяців тому+1
'pq ele gera um z index como se fosse camadas' meu amigo...kkkkkkkkkkkkkkkkkk
irmao, se tu não sabe um mínimo da área, e chegou aqui de paraquedas depois de pesquisar no UA-cam "como criar um site pra mim", sinto muito lhe informar que é assim msm, desiste. Se quiser qlqr leseira de site, faz pelo Canva, lá gente burra consegue fazer, ou gente que não tem experiência alguma consegue fazer. Coisa profissional é assim msm, tem q estudar antes de tentar ver vídeo de um tutorial q é para usuários já acostumados kkkk
Falar que não tem pré-requisito é falácia. Seria interessante você ter uma base de HTML e CSS pra poder entender como planejar o conteúdo. Quando dizem no-code é que você pode arrastar e soltar os itens ao invés de fazer isso com código, mas não significa que vc não deva saber o que significa cada coisa no código. Inclusive o Framer é feito em React que é uma biblioteca otimizada pra usar javascript. O próprio Framer tem o framer academy, tem também a comunidade, em que você pode encontrar muita coisa legal, copiar pro seu projeto e ir fuçando pra aprender como se faz. O z-indez é basicamente pra decidir quem fica na frente e quem fica atrás, por exemplo: z-index de valor 0 (uma imagem) e um botão que fica por cima dessa imagem (z-index de valor 1). Quanto maior o valor de z-index, "mais pra frente" ele está, acima de todas as camadas.
É normal ter essa dúvida, porque esse vídeo não tem o intuito de ser iniciante e explicar tudo do zero… eu tenho uma playlist / Curso grátis de Framer aqui no UA-cam aí você pode começar desde o episódio 1, onde eu ensino a fazer o site da Apple de forma bem devagar 🔥🚀
![Suggest Auto Layout - O Novo Auto Layout do Figma! [2024]](http://i.ytimg.com/vi/bG6t31TgLk8/mqdefault.jpg)
Gratidão pela aula, Kacio! Tirou a minha dúvida e ainda entregou muuuuuito +.
Mano, muito bom! Parabéns pelo canal! São vídeos e mais vídeos enriquecedores e cheios de conteúdo ⚡
Fico muito feliz com o feedback irmão 🔥🔥
Faz uma playlist só com esses tutoriais completos de site
Que aulão, vou abandonar o wordpress e começar a aprender framer, curti muito. Fala mais sobre a questão da hospedagem se puder, foi uma das partes que fiquei com muitas duvidas
igualmente!
Ótima pergunta, então hoje você não precisa pagar hospedagem, você usa a do próprio framer que fica na AWS, com vários benefícios de Cache automatico, otimização de imagens, você precisa apenas pagar um domínio pra colocar seu Custom Domain.
Muito bom, brother! Parabéns pelo conteúdo.
Vlwwww irmão 🔥🚀
Brabo se loko to nessa aula faz horas so retendo!!
Mano, conteúdo surreal irmão!
Feliz demais com o feedback irmão!
Olá tudo bem? Poderia de ajudar em algumas dúvidas? Por favor!
Sobre a entrega, eu crio uma conta no Frame para o cliente e crio o site nessa conta ou na minha conta mesmo do Frame eu crio o site do cliente?
Também relacionado isso, como eu faço a precificação do site? Eu repasso a taxa do Frame para o cliente ou contrato o plano que gera mais site e vou criando nesses? Pq ví que cada plano tem limite de acesso, isso não atrapalho no caso de criar mais de um site na mesma conta do Frame?
Falaaa irmão! Beleza? Basicamente você pode criar na sua conta e depois gerar um remix link com o site pronto, e passar pra conta do seu cliente.
Os planos eles são por site, pra cada site com dominio personalizado, você precisa pagar um plano.
Que aula Top!
impressão minha ou quando renomeia itens do Menu no layout Desktop, ele não replica para os demais(phone e tablet)?
Tenho interesse no curso avançado !! é possível criar templates ecommerce para shopify utilizando o framer ? utilizar o framer como build principal para editar os elementos da página !!
Agora tem uma integração de um player externo que permite essa integração. A gente está trazendo no nosso curso Framer Skills, me chama no Instagram que te dou mais detalhes @kacio.filipe
Oi Kacio, primeiramente obrigada pela aula, conteúdo de ouro! Chegando agora nesse mundo de Figma e Framer, tenho uma dúvida, como fica a parte responsiva? Se adequa automaticamente?
Hey Angelica, depois de você criar o Desktop, você pode fazer os responsivos é só clicar no + eai você pode criar Versão pra Ipad, Celular, e ajusta pra cada dispositivo :>
Bem tranquilo de fazer, no nosso evento agora da semana que vem eu vou criar o site do zero, não sei se está dentro, mas vamos refazer o site da Disney Plus.
No meu instagram @kacio.filipe tem o link do evento caso tenha interesse
Sensacional!
Ótima aula... Estou considerando usar o framer para um projeto. Uma dúvida, durante o vídeo vc usa uma extensão para chrome que achei bem legal. Pode compartilhar qual é?
Gosto muito, pra ver fontes What is this font e pra pegar assets CSS Pepper :>
no framer dá pra saber quantos visitantes acessaram, zona de calor?
Existe um jeito de fazer um site no framer e exportar ele para uma hospedagem de fora, para não ter problema quando mandar trafego pago na página?
Queria saber tbm
Opa, encontrou a resposta pra essa dúvida?
Dizem que tem um plugin que cópia o projeto inteiro do Framer, mas não sei qual é. No caso seria ou pedir para a pessoa adquirir o Framer com a hospedagem deles (que é excelente) ou copiar tudo com plugin msm.
@@filipegoncalves3038 Vi um comentário que tem uma extensão do Chrome que faz isso, o download do site do Framer e aí pode ser importado em outra hospedagem...
Tem como
Muito bom o conteúdo, parabéns pela aula! Só fiquei curioso pra ver se daria muito trabalho deixar responsivo para mobile. Tem algum outro video falando sobre?
o correto é fazer um protótipo pelo Figma na versão destop é passar para o Framer ápos isso
mano como faz pra colocar que quando clicar ir para a proxima pag tipo da landign page
Tranquilo de fazer irmão. Você vai na sessão que você quer que quando clique vá pra ela, e cria um scroll section dando um nome pra ela. Ai no botão você fala que quando clicar que ir pra aquela página e o nome daquela sessão 🔥🚀 Eu tenho vídeos na nossa comunidade do WhatsApp também… me chama no Instagram @kacio.filipe
Apenas um feedback, na parte em que vc ensina a usar o Framer, seria legal se ao inves de usar os atalhos do teclado vvc mostrasse como usar o comando ou especificasse qual atalho esta usando... Tive muita dificuldade nessa parte. Entretanto o vídeo é muito bom, gostei muito do seu canal!! Abraços!
Até desisti de assistir o vídeo por conta disso.
Como publicar o projeto com a animação das telas no behance ?
Você teria que gravar a tela com o site rodando e depois jogar o vídeo por exemplo pro Behance.
E sobre otimização? Como funciona?
Você consegue fazer toda otimização no Framer de forma Nativa, SEO… O framer na hospedagem dele já te entrega Cachê, otimização de imagens também.
Quais as formas de entregar o site para o cliente?
Você pode criar todo o projeto na sua conta, depois cria uma conta pro seu cliente e você pode enviar pra ele uma cópia do site, aí só faz o pagamento do plano na conta dele… E conecta com o domínio dele e pronto tudo rodando 🔥✅
Mano porque quando eu coloco uma foto do lado da outra quando clico pra ver como ta ficando , a foto fica em um lugar totalmente diferente do que eu coloqhei ?
@@VictorBastos30 provavelmente você tem que acionar as stacks.
E fazer o controle por ela é como o auto layout do Figma.
Se não os objetos ficam em posição Absolut e acabam indo pra um local na haver.
@@kacio.filipe não funcionou
@@VictorBastos30 Entra na nossa comunidade, que ai conseguimos ver de perto o que está acontencendo. Deixei o link da community no Framer ou me chama no instagram kacio.filipe que te puxo pra lá.
Final do ano chegando e estou aqui para dar um oi para quem ler ;)
feliz ano novo kk 00:37 2025
@@erikinha-os Feliz ano novo para nós 😁✨
Qual o nome dessa extensão do chrome para baixar imagens da página e que mostra a fonte?
achou?
Tem com integrar com algum checkout ou gateway de pagamento ??
framer tem integrações com plataformas de e-mail marketing?
Opa tem sim! Algumas nativas! Além disso disponibiliza Custom Code onde você pode colocar o formulário Embbed no seu site. Então aceita tudo.
Kacio vc conhece o DORA? vc seria o cara para fazer um bom comparativo entre o FRAMER e o DORA, estou estudando os 2 e me empolgou demais, hoje eu uso o ELEMENTOR e o BRIZY, mas o FRAMER e o DORA está anos luz em questão de produtividade, tempo, facilidade e menos etapas a serem configuradas. Vc é MONTRO!!! Devido alguns problemas de saúde e alguns tratamentos que farei pretendo achar um jeito de comprar seu curso. PARABÉNS pelo que ensina aqui.
Também acho, estou procurando mais tutoriais sobre o Dora.
Tem potencial, o problema é qu e simplesmente não consegui acompanhar seu tutorial poque você usa muitos atalhos (e não diz o que fez/como fez) tornando quase que impossível de aprender/acompanhar (e olha que já trabalho com desenvolvimento NoCode no Bubble, AppGyver e FlutterFlow)
Meu feedback pras próximas aulas seria não usar atalhos, ou se for usar ao menos descrever o atalho que está usando, pois quem está aprendendo não faz ideia de como vc fez...
Abraço.
Imagine eu que estou tentando aprender algo novo pra me livrar de CLT.....
Realmente quase impossível acompanhar pra quem não tem nenhum conhecimento desta plataforma...
Achei que ele tava no 2x kkkkkkkkkk é foda de aprender algo novo nessa velocidade
Esse site aqui já é um pouco mais avançado, objetivo não era tutorial do zero. Se você for no meu UA-cam nas playlist eu tenho um curso grátis de Framer aqui no UA-cam…
Você pode começar desde o zero, eu faço até o site da Apple… e vou te ensinando como fazer 🔥🚀
@@kennedyhenryque Temos vídeos iniciantes, criando site do zero aqui no UA-cam, que o foco é ir mais devagar e ensinando 🔥🚀
Fala Kacio, na tua opinião, pq o Framer é melhor que o WordPress para criação de sites?
Sem dúvidas o Framer te permite fazer animações avançadas de forma muito mais fácil, tem de forma nativa Multilinguagem, CMS, Integração com Figma, Custom Cursor, muita coisa que não fica dependendo de uma infinidade de plugins ou códigos. Eu curto muito a ferramenta, te convido a dar uma testada :>
Vale a pena criar tudo direto no Framer? Ou melhor fazer no Figma?
Eu gosto muito de utilizar o Figma para fazer Brainstorming, testar, testar, testar e depois de tudo certo… eu vou pro Framer fazer o Desenvolvimento.
Dá pra criar aplicativos com o Framer?
aconselho usar FlutterFlow
cria um usando template
Boaaaa vou trazer pra vocês 🔥🚀
O problema nao e criar tudo isso e exporta ,ja que os youtubers brasileiros nao respondem quase nada vou procurar na gringa
Uai só perguntar que eu te respondo irmão… todos comentários tento chamar até a galera no privado
@@kacio.filipe seus vídeos são bons e que a maioria por aqui não responde . Perguntei em 4 canais diferentes e não obtive respostas
se vc fosse brabo mesmo deixava as imagens pra usar
Achei complexo demais, o tutorial acaba sendo muito rápido eu acho. São muitas variáveis o framer, não consegui compreender muuuuito bem...
Sou web designer e trabalho com WP + Elementor e faço um bom trabalho mas gostaria de aprender e usar o Framer....
Acaba que esse tutorial ele já é pra quem conhece um pouquinho de Framer. Eu tenho uma playlist e um curso grátis aqui no UA-cam, ensinando do zero como criar um site no Framer.
Onde eu refiz o site da Apple, vale a pena dar uma conferida 🚀🚀
explica rápido de mais, eu estou começando agora, e não entendi foi nada não consegui acompanhar
Nossa, muito melhor que o original. A "modelo" usada no site oficial é horrível, a paleta de cores é horrível.... Esse "padrão" de beleza que é usado hoje é surreal...
Wordpress é muito melhor. Isso é péssimo. Cheio de limitação.
Kkkk então continua usando WordPress só isso 😂😵
"e a nossa sessão, que a gente vai trabalhar aqui oh .. é a ssessão "hero section" (fala como se fosse a coisa mais óbvia do mund)
meu amigo... que coisa dificil aprender com quem não sabe presumir minimamente o que não é sabido.
professor ruim demais.
'pq ele gera um z index como se fosse camadas' meu amigo...kkkkkkkkkkkkkkkkkk
irmao, se tu não sabe um mínimo da área, e chegou aqui de paraquedas depois de pesquisar no UA-cam "como criar um site pra mim", sinto muito lhe informar que é assim msm, desiste. Se quiser qlqr leseira de site, faz pelo Canva, lá gente burra consegue fazer, ou gente que não tem experiência alguma consegue fazer. Coisa profissional é assim msm, tem q estudar antes de tentar ver vídeo de um tutorial q é para usuários já acostumados kkkk
Falar que não tem pré-requisito é falácia. Seria interessante você ter uma base de HTML e CSS pra poder entender como planejar o conteúdo. Quando dizem no-code é que você pode arrastar e soltar os itens ao invés de fazer isso com código, mas não significa que vc não deva saber o que significa cada coisa no código. Inclusive o Framer é feito em React que é uma biblioteca otimizada pra usar javascript. O próprio Framer tem o framer academy, tem também a comunidade, em que você pode encontrar muita coisa legal, copiar pro seu projeto e ir fuçando pra aprender como se faz. O z-indez é basicamente pra decidir quem fica na frente e quem fica atrás, por exemplo: z-index de valor 0 (uma imagem) e um botão que fica por cima dessa imagem (z-index de valor 1). Quanto maior o valor de z-index, "mais pra frente" ele está, acima de todas as camadas.
É normal ter essa dúvida, porque esse vídeo não tem o intuito de ser iniciante e explicar tudo do zero… eu tenho uma playlist / Curso grátis de Framer aqui no UA-cam aí você pode começar desde o episódio 1, onde eu ensino a fazer o site da Apple de forma bem devagar 🔥🚀