Designing the new Dive website in Figma + Framer

Поделиться
HTML-код
  • Опубликовано: 28 ноя 2024

Комментарии • 53

  • @victorbelo9027
    @victorbelo9027 Год назад +8

    I don't even have words to say how pleasant it has been to study figma. especially when I find content like this. Thank you very much.
    I've never taken any software courses, but I've been working as an art director for almost five years. always studying alone, looking, trying, making mistakes. Anyway, I just wanted to express my gratitude. you are a professional reference. thanks for the content! Hugs from Brazil

  • @sainteleven6880
    @sainteleven6880 Год назад +1

    This was pleasure to watch, workflow is jawdropping

    • @ridd
      @ridd  Год назад +1

      Glad you liked it!

  • @andyhsu2708
    @andyhsu2708 Год назад +13

    Being able to see the behind the scene is so valuable! I learned so much from this, thank you Ridd! (and hope there's more to come 🤞🏼)

    • @ridd
      @ridd  Год назад

      Planning on it!

  • @enyipreshious
    @enyipreshious Год назад +3

    The tutorial was an eye-opener, I love it. The Framer transition is helpful too

    • @ridd
      @ridd  Год назад

      Glad it was helpful!

  • @nishanthb2327
    @nishanthb2327 Год назад +3

    After seeing this video i realized that i know 1%of figma !!!
    thank you

  • @NavesNiche
    @NavesNiche Год назад

    Awesome video! I like your personality

  • @bionicashish
    @bionicashish Год назад +6

    Greate Video! I also use auto layout from the get go but making it a component from the beginning was something new to me. Definitely going to introduce that practice in my workflow

    • @ridd
      @ridd  Год назад +2

      It's fast but it's also kinda fun to see it all come to life like that too 😅

  • @gavin-hall
    @gavin-hall Год назад +1

    This was very insightful thank you. I needed more insight about that last outline issue.

  • @mdqmatias
    @mdqmatias Год назад

    That card, omg, looks incredible!

  • @megaroeny
    @megaroeny Год назад +1

    Glad I’m not the only one to make a component right off the bat 😂❤

  • @DenisJeliazkov
    @DenisJeliazkov Год назад

    Absolutely love it! Glad to see some
    Of the ways you are thinking, def need to include in my workflow

  • @pouyapj1jan122
    @pouyapj1jan122 Год назад +1

    Great but that would be awesome that you could type in Shortcuts description and in the Video to learn

  • @igo2054
    @igo2054 Год назад

    Great stuff, I am not a fun of using auto-layout so much but you have used it here in a very efficient way

  • @julianTrichardson
    @julianTrichardson Год назад

    I love the way you teach. Thank you bro.

  • @codingwithdidem
    @codingwithdidem Год назад

    Please make more of these videos its goldd

    • @ridd
      @ridd  Год назад +1

      Trying 😅❤️

  • @sarahigbinosa3004
    @sarahigbinosa3004 Год назад

    Thank you so much Ridd, this is really helpful.

    • @ridd
      @ridd  Год назад

      Good I'm glad :)

  • @bhaveshgavhankar
    @bhaveshgavhankar Год назад

    How did you design the selected state of course in nav menu it’s so good

  • @jinn7821
    @jinn7821 Год назад

    Whoah!!! What an awesome video. Thanks for sharing the knowledge. How did you design the active status of the menu item in the nav bar?

    • @ridd
      @ridd  Год назад

      It's a triangle vector shape with a bit of a layer blur :)

  • @milosmiljanovic
    @milosmiljanovic Год назад

    This is so sick!

  • @AhmedMagdy-lf4nr
    @AhmedMagdy-lf4nr Год назад

    Very nice.. can you build that with framer tutorial?

  • @shicka52
    @shicka52 Год назад

    Love the new website!
    I was wondering, which tool are you using for screen recording & video?

    • @ridd
      @ridd  Год назад

      All in Descript!

  • @skyler.schain
    @skyler.schain Год назад

    Super cool Ridd! What is the benefit of pinning the blur layer and noise layer?

    • @ridd
      @ridd  Год назад

      Allows me to have everything else in an auto layout so I need to absolutely position that since they are stacked on top of each other and kind of independent of the rest of the layout 👍

  • @stvvjbs
    @stvvjbs Год назад

    What's that music cover background? looks so dope!

  • @-ct-celcomtechniques2566
    @-ct-celcomtechniques2566 Год назад

    Gold !

  • @AtomicPixels
    @AtomicPixels Год назад

    🤣i love how he emphasizes that components UPDATE EVERYWHERE when they change 🤣. It almost beats the Blackhole repeat-recycle-repeat-reveal that "not even light can escape", like dewddd neeeeeuuuu wayyyy breeeeeeehhhhh never hurrrrrddddd

  • @Loulou71150
    @Loulou71150 9 месяцев назад

    What is the pros to use Figma then Framer ? Why not use Framer directly for the whole process ? Is it because Figma allows more personnalisation ?

  • @merisimamovic965
    @merisimamovic965 Год назад

    What happened at 10:15 when this selection popped up? Thanks!

  • @DatboiToro
    @DatboiToro Год назад

    Can u please drop the layout link or something? I'm actually working on my first project for a university.. I can't make something like this yet.. I really think they would like this layout and design thanks..

  • @0xGast
    @0xGast Год назад

    the programmers will be going crazy after seeing this design XD

  • @notyetforkliftceritified373
    @notyetforkliftceritified373 Год назад

    how do you keep your playground frame fixed but the items are scrollable?

  • @des7638
    @des7638 Год назад

    Dope

  • @AS-ld5mz
    @AS-ld5mz Год назад

    why don't you design in framer from the start? is there any draw backs?

    • @ridd
      @ridd  Год назад

      I'm just 10x faster in Figma so I do my initial exploring/building there and then move into Framer once it's time to start fine-tuning

  • @alejandrogalvan8456
    @alejandrogalvan8456 Год назад +1

    when the Framer course?

    • @ridd
      @ridd  Год назад +1

      Soon :) Jump on the waitlist on dive.club if you haven't already!

    • @diegolanzani4766
      @diegolanzani4766 Год назад

      @@ridd Thas is awesome! any expected day for the realise?

    • @ridd
      @ridd  Год назад

      @@diegolanzani4766 pretty tbd still

  • @alvinrumbaoa
    @alvinrumbaoa Год назад

    Man i love framer more

  • @IStMl
    @IStMl Год назад

    Hi how did you create the noise?

    • @ridd
      @ridd  Год назад

      There are some nice noise plugins in the Figma community!

  • @SzabatDesign
    @SzabatDesign Год назад

    Thank you RUclips algoritm for show me Ridd on main scren. 1 MORE SUBSCRIBTION! FIRE! 💪🔥

    • @ridd
      @ridd  Год назад

      😇🙌

  • @jgerber6955
    @jgerber6955 Год назад +2

    Not sure for what you actually need figma anymore

  •  Год назад

    9:30 just “[“ works for me