NOVO Figma Auto Layout 3.0: Design Responsivo, Wrap & Breakpoints!

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 73

  • @sigaocoelhobranco
    @sigaocoelhobranco Рік тому +35

    Disparado, auto layout é a parte que mais pega para os iniciantes em Figma (que não precisam de “prototipagem” e funções específicas), principalmente os que nunca mexeram com desenvolvimento ou até mesmo um “Elementorsinho” que já tinha wrapper desde sempre. Demorei horrores quando iniciei, como a maioria até negligenciei essa parte, mas o cara em 20 minutos deu a faca para cortar qualquer queijo. Só com isso ai, fuçando a ferramenta o cara descobre tudo sobre auto layout, porque o chato é pegar esses principiozinhos no início.

    • @feuxdesign
      @feuxdesign  Рік тому

      😊

    • @milhomemstudio7669
      @milhomemstudio7669 Місяць тому

      Eu me sinto menos mal agora. Negócio está sendo um tanto complicado pra mim agora no início, bom saber que é super normal, obrigada, você é um amigo rs

  • @moreiraflipe
    @moreiraflipe 5 днів тому

    Peste dificil este autolayout. Mas essa aula é ouro

  • @wallacesilva6087
    @wallacesilva6087 Рік тому +2

    Excelente video! Muito Bom, sou desenvolvedor Front End e percebo que o Figma está se tornando cada vez mais preciso ao refletir o comportamento que é aplicado no CSS.

  • @CarolBrasileiro
    @CarolBrasileiro Рік тому +2

    FEUX, vc é tudo pra mim. E além de tudo contribui para meus olhos com sua beleza!

  • @darlanvieira6814
    @darlanvieira6814 Рік тому

    Excelente vídeo, eu posso dizer com muita propriedade que o curso do Felipe me ajudou muito em meus estudos como Desenvolvedor front-end e hoje posso criar meus próprios designers. Recomendo muito!!!

  • @kassyanesilva2911
    @kassyanesilva2911 Рік тому

    Que didática maravilhosaaa. Realmente auto layout sempre foi um bicho de sete cabeças pra mim. Mas aprendi o conceito e a pratica muito bem nessa aula. Com certeza preciso fazer seu curso. Esta de parabéns.

  • @fbvitorino
    @fbvitorino 9 місяців тому

    Aprendi bastante, valeu pelo conteúdo!! 👍

  • @geysylira117
    @geysylira117 Рік тому

    Que aula, viu? Parabéns!!!

  • @lizcorrea6810
    @lizcorrea6810 Рік тому

    vc é mto bom! sério!

  • @dulima20
    @dulima20 Рік тому +1

    Conteúdo TOP!

  • @setentaxsete1407
    @setentaxsete1407 5 місяців тому

    Muito bom! Obrigado!

  • @marquinhodesign
    @marquinhodesign 5 місяців тому

    Esse vídeo é fantástico. Me ajudou MUITO!

  • @LeoNonato-f7z
    @LeoNonato-f7z Місяць тому

    Muito bom obrigado

  • @cassianoxaviersoares2816
    @cassianoxaviersoares2816 Рік тому

    eitaa! fica lindoo

  • @btorresdacosta
    @btorresdacosta 3 місяці тому

    muito bom, obrigada!!

  • @MarcioChang
    @MarcioChang Рік тому +4

    Vai ter vídeo sobre os tokens?

  • @matheuswebmkt1
    @matheuswebmkt1 7 місяців тому

    PERFEITO!

  • @alanaugusto5461
    @alanaugusto5461 Рік тому +1

    Absolutamente didático 😮

  • @cristianoutrunner
    @cristianoutrunner 13 днів тому

    Vídeo maravilhoso, me fez entender um conceito que um curso que comprei não conseguiu me fazer entender. Só uma dúvida: caso queira dar efeito de carrossel rolante no prototipo, basta dar clip content?

  • @thaisanttune
    @thaisanttune Рік тому +1

    Que demais! Isso funciona para tabelas também?

    • @feuxdesign
      @feuxdesign  Рік тому

      Sim! Farei em breve uma aula sobre como montar tabelas no Figma!

  • @MarcioChang
    @MarcioChang Рік тому

    Como eu tava esperando esse vídeo HAHAHAH, Valeeeeu.

  • @ddln_0779
    @ddln_0779 Рік тому

    Fe, MEUS PARABÉNS pelo vídeo! Sério, que explicação foda! Super mastigadinho. Muito sucesso pra ti cara e obrigada por compartilhar seu conhecimento!

  • @Joaozzada
    @Joaozzada Рік тому +1

    Bom demais meu mano, obrigado pelo conhecimento

  • @ProfPauloMinali
    @ProfPauloMinali Рік тому

    Parabéns!! Conteúdo top!

  • @luciianonunes
    @luciianonunes Рік тому

    Parabéns pelo excelente conteúdo e obrigado por compartilhar este valioso conhecimento. Muito boa sua didática, com certeza quando eu for me aprofundar mais em UI/UX com figma estarei procurando seu curso.

  • @denilsondiniz436
    @denilsondiniz436 2 місяці тому

    Bom demais

  • @mariaclaramachado7956
    @mariaclaramachado7956 Рік тому

    Incrível!

  • @andrerolla
    @andrerolla Рік тому

    SHOW! 👌🏽

  • @iagovieiragama6732
    @iagovieiragama6732 Рік тому

    Finalmente!! Estava ansioso demais por essa aula

  • @stsangelodesign
    @stsangelodesign Рік тому

    Excelente!

  • @marlonlamancio
    @marlonlamancio Рік тому

    Show! Valeu pelo vídeo. Só uma sugestão, essa forma que você exibe sua tela nao favorece a visualização, no celular então nao da pra ver direito onde está clicando por exemplo na sidebar à direita. Valeu!

  • @wallisonguedes2438
    @wallisonguedes2438 Рік тому

    O mestre!!!!

  • @rafaelcardoso9829
    @rafaelcardoso9829 Рік тому

    zika memo

  • @Coodyrs
    @Coodyrs Рік тому

    Muito bom! Estou louco pra aplicar nos meus projetos

  •  Рік тому +1

    Seu curso conta com aulas sobre os updates mais recentes?

    • @feuxdesign
      @feuxdesign  Рік тому

      Tem sim! Lançamos 2 módulos novos! Um inteiro de Dashboards já usando as variáveis e o novo protótipo, e outro módulo mostrando as novidades do Figma 2023

  • @NilweslleyAlves
    @NilweslleyAlves Рік тому +2

    Que isso em? CONTEÚDO PE R F E I T O

  • @diegomoreira5557
    @diegomoreira5557 Рік тому

    Conteúdo sempre excelente!

  • @helder-rangel
    @helder-rangel 7 місяців тому

    Coloco fill-container para um campo de formulárrio para que ele se encaixe numa tela menor, média e maior?

  • @marcoapolinario2009
    @marcoapolinario2009 6 місяців тому

    Obrigado pelo vídeo. Eu queria muito fazer este curso. Iria muito me ajudar em minhas aulas de matemática. Mas esta alem que posso pagar. Eu queria muito fazer.

  • @leof1140
    @leof1140 Рік тому

    Excelente conteúdo mestre! O curso é com aula ao vivo?

  • @mavek12
    @mavek12 Рік тому

    Oi Felipe, qual camera você usa para gravar seus videos? Valeu

    • @feuxdesign
      @feuxdesign  Рік тому

      Uso 2 cameras, uma Sony A74 e uma Sony FX30

  • @tulioferreiradesign
    @tulioferreiradesign 3 місяці тому

    O meu não tem a opção fill container, teve atualização e saiu?

  • @thiagodiniz8224
    @thiagodiniz8224 Рік тому +1

    O wrap no auto layout é igual usar display flex e flex wrap no CSS.

    • @marceloviannadev
      @marceloviannadev Рік тому

      Auto layout é Flexbox dentro do figma, simples assim. Shift + a e você cria uma div flex.

  • @filipeamilton2879
    @filipeamilton2879 Рік тому +1

    Show de bola 👍 ( essas risadas ai eu não aguentei 🤣)

  • @ivanbaloi
    @ivanbaloi Рік тому

    GRACIAS FEUX!

  • @felicianonunes5459
    @felicianonunes5459 Рік тому

    Felix, Eu vivo em ANgola-África e infelizmente para me inscrever no seu curso preciso ter CPF.
    Como devo proceder diante dessa situação?
    Assisto suas aulas a já uns anos

    • @paleguy9518
      @paleguy9518 Рік тому

      Ótima questão, estou curioso com a possibilidade...
      voce tem a resposta ou não? @feuxdesign

  • @TheChibokajr
    @TheChibokajr Рік тому +1

    tope

  • @Adson1981
    @Adson1981 Рік тому

    Oi, pessoal. Atualmente sou professor, mas já trabalhei com os tais "webdesigns" 😂. Na última década surgiram tantas ferramentas novas que não cosegui acompanhar. Minha dúvida é: COMO TRANSFORMAR TODA ESSA CRIAÇÃO EM UMA BOA E VELHA CSS/HTML bem limpa e organizada?

    • @feuxdesign
      @feuxdesign  Рік тому +1

      Do mesmo jeito que se faz há pelo menos uns 10 anos hehe! O Figma é semelhante a qualquer outra ferramenta de design, mas com mais detalhes e proximidade ao desenvolvimento, como o HEX das cores, o tamanho da tipografia. Além disso, o INSPECT do Figma é similar a qualquer browser, permitindo que você copie CSS diretamente dele, assim como diversas outras linguagens, como Swift, XML...

    • @Adson1981
      @Adson1981 Рік тому

      @@feuxdesign Entendido.Obrigado por responder. O Figma, ou Adobe XD, faz então o que o velho Fireworks fazia, com a vantage que podemos copiar e colocar a CSS de cada elemento?

  • @jujujuju4411
    @jujujuju4411 2 дні тому

    Nossa tentei comprar o seu curso e está fora do ar!

  • @andersonnunes-tz9612
    @andersonnunes-tz9612 Рік тому

    Com a chegada da IA no Figma, já nos proximos meses, será possivel a qualquer leigo criar layouts matadores, porém, isso não substitui nem de longe o profissinal humano por tras da criatividade;

  • @pissaia
    @pissaia Рік тому

    Como um dev monta isso sem quebrar tudo?

  • @bmirandatrafego
    @bmirandatrafego Рік тому

    Gente, tô me sentindo muito excluída. Nem sei o que é Figma, é a primeira vez que escuto isso, e se alguém puder me explicar eu agradeço.😅

    • @bmirandatrafego
      @bmirandatrafego Рік тому

      Eu trabalho com CorelDRAW e Photoshop somente. 😅😅😅

    • @feuxdesign
      @feuxdesign  Рік тому +1

      Oi Bruna! Figma é uma ferramenta de design assim como o Corel e o Photoshop, porem o foco do Figma é o design de produtos digitais, como sites e apps! Mas como é uma ferramenta que roda até no navegador, e extremamente versátil, as pessoas usam para diversas coisas como design de social mídia, ilustração e até apresentação de slides.

    • @bmirandatrafego
      @bmirandatrafego Рік тому

      @@feuxdesign nossa, show! Obrigada pelo esclarecimento.

  • @JamiltonMacedo
    @JamiltonMacedo Рік тому

    Mano, essa janela distorcida ficou legal nao, e nada inclusivo. bota sua camera canto mesmo como antes.

    • @marinaprivs266
      @marinaprivs266 Рік тому

      Por que não é inclusivo? :(
      eu tinha achado tão legal o layout do vídeo dele hahaha

    • @JamiltonMacedo
      @JamiltonMacedo Рік тому

      @@marinaprivs266 pq dificulta a leitura. Principalmente se a pessoa tá vendo num smartphone.

    • @feuxdesign
      @feuxdesign  Рік тому

      Obrigado pelo feedback!