Framer Tutorial: Components e Variants do zero (Netflix Carrossel)

แชร์
ฝัง
  • เผยแพร่เมื่อ 30 ก.ค. 2024
  • Nesse tutorial, aprenderemos tudo sobre Components e Variants do zero no Framer recriando um carrossel estilo Netflix.
    Abordaremos coisas como estados, variants, variáveis ​​e components aninhados
    O Framer é uma ferramenta NoCode com foco pra criação de sites, blogs, portifólios que trás uma experiência muito familiar para designers que estão acostumados com utilizar o Figma. Você pode optar por importar facilmente designs feitos em Figma para o Framer ou até mesmo criar tudo do zero direto no Framer.
    ---------------------------------------------------------
    🌐 Visite nosso site: menzzo.com.br
    ---------------------------------------------------------
    📱Fale comigo no Instagram!:
    / menzzoweb
    ---------------------------------------------------------
    Capítulos:
    00:00 - Introdução sobre o que vamos fazer
    01:30 - Conhecimento básico do que é o Framer
    02:20 - O que é Components?
    04:08 - Criando nosso primeiro Botão
    09:08 - Criando o nosso primeiro Component como Botão
    10:42 - Criando um estado de Hover no Botão
    13:00 - O que são Variants?
    15:00 - Criando um estado de Hover na Variant
    17:36 - O que são Variáveis Dinâmicas?
    20:15 - Criando nosso Carrossel estilo Netflix
    27:40 - Criando um Component em nosso Carrossel
    32:00 - Criando uma Variável Dinâmica com as Imagens de Capa
    34:36 - Criando o efeito de Carrossel
    39:00 - Finalizando

ความคิดเห็น • 6

  • @DigitalPageWeb
    @DigitalPageWeb 21 วันที่ผ่านมา +1

    Bem explicado! Melhor vídeo que encontrei!

    • @gabrielmenzzo
      @gabrielmenzzo  21 วันที่ผ่านมา

      Super feliz pelo teu comentário!!!! Fique à vontade para maratonar os conteúdos por aqui. Aos poucos esse canal vai se tornar o seu preferido haha. Bora!! ☕

  • @HenriqueAMSM
    @HenriqueAMSM 2 หลายเดือนก่อน +1

    Excelentr video, aprendendo muito❤, ainda quero aprender fazer um site do zero 100% funcional, vamos esperar um video assim, muito obrigado pelo conteudo bacana y facil de aprender, sensacional!

    • @gabrielmenzzo
      @gabrielmenzzo  2 หลายเดือนก่อน +1

      Sensacionalllllll, Henrique haha!!! Fico muito feliz que você tenha gostado do conteúdo. Vamos trazer mais e mais vídeo sobre Framer por aqui. Ative o sininho das notificações para acompanhar. 😁

  • @Rene-Navarro
    @Rene-Navarro หลายเดือนก่อน

    Querendo largar o WordPress mas parece mt complicado esse framer

    • @gabrielmenzzo
      @gabrielmenzzo  หลายเดือนก่อน

      Que nada, Rene! hahaha. Com o tempo você vai se adaptar e ver que o Framer é um jogo de arrasta e solta literalmente. Pela liberdade que ele te dá, parece realmente ser mais difícil. Mas, você vai ver que ele acaba sendo mto mais produtivo que o worpress.