Como Criar um SITE DO ZERO PROFISSIONAL com FRAMER MAIS FIGMA GRÁTIS em 2024 [Sem Programação]
ฝัง
- เผยแพร่เมื่อ 16 ก.ค. 2024
- ㅤ
🟢 Crie da interface à implementação de landing pages disruptivas, que conectam, retém e convertem usuários em leads e clientes.
Garanta a sua vaga:
👉🏻 s.framerskills.com/cy
ㅤ
⚠️
ㅤ
ㅤ Nesse Tutorial vamos criando um Design do Zero utilizando o Figma e depois vamos passar ele para o Framer, sem uma linha do código e colocar o site no ar.
Aprenda a utilizar o Framer em 2024 para criar sites e faturar com eles no mercado digital.
🎓 Aprenda Framer do absoluto zero ao avançado: www.framerskills.com/
👉 Teste o Framer de graça: www.framer.com/?via=framerskills
👉 Tenha acesso a maior comunidade de Framer do Brasil: chat.whatsapp.com/Lp7lm1tcCU7...
Crie um blog do zero com o nosso template do Framer:
templateskills.gumroad.com/l/...
🌍 Social Media:
↪︎ LinkedIn - / k%c3%a1ci. .
↪︎ Instagram - / kacio.design
#framer #figma #design #webdesign .
__________________________________________
Sensacional!
Brabo se loko to nessa aula faz horas so retendo!!
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
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 🔥🔥
Muito bom, brother! Parabéns pelo conteúdo.
Vlwwww irmão 🔥🚀
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?
impressão minha ou quando renomeia itens do Menu no layout Desktop, ele não replica para os demais(phone e tablet)?
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 TH-cam nas playlist eu tenho um curso grátis de Framer aqui no TH-cam…
Você pode começar desde o zero, eu faço até o site da Apple… e vou te ensinando como fazer 🔥🚀
@@kennedy.designer Temos vídeos iniciantes, criando site do zero aqui no TH-cam, que o foco é ir mais devagar e ensinando 🔥🚀
no framer dá pra saber quantos visitantes acessaram, zona de calor?
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.
Qual o nome dessa extensão do chrome para baixar imagens da página e que mostra a fonte?
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
Tem com integrar com algum checkout ou gateway de pagamento ??
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.
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 :>
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.
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
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.
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 🔥✅
cria um usando template
Boaaaa vou trazer pra vocês 🔥🚀
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
Dá pra criar aplicativos com o Framer?
aconselho usar FlutterFlow
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.
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
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 TH-cam, ensinando do zero como criar um site no Framer.
Onde eu refiz o site da Apple, vale a pena dar uma conferida 🚀🚀
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 TH-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 TH-cam aí você pode começar desde o episódio 1, onde eu ensino a fazer o site da Apple de forma bem devagar 🔥🚀