Designing the new Dive website in Figma + Framer

แชร์
ฝัง
  • เผยแพร่เมื่อ 31 ม.ค. 2025

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

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

    I am always so impressed with these videos. They are super helpful and he is such a brilliant designer.

  • @sainteleven6880
    @sainteleven6880 ปีที่แล้ว +3

    This was pleasure to watch, workflow is jawdropping

    • @ridd
      @ridd  ปีที่แล้ว +1

      Glad you liked it!

  • @victorbelo9027
    @victorbelo9027 2 ปีที่แล้ว +9

    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

  • @andyhsu2708
    @andyhsu2708 2 ปีที่แล้ว +14

    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  2 ปีที่แล้ว

      Planning on it!

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

    This was a great lesson!

  • @enyipreshious
    @enyipreshious 2 ปีที่แล้ว +4

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

    • @ridd
      @ridd  2 ปีที่แล้ว

      Glad it was helpful!

  • @NavesNiche
    @NavesNiche ปีที่แล้ว

    Awesome video! I like your personality

  • @bionicashish
    @bionicashish 2 ปีที่แล้ว +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 ปีที่แล้ว +2

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

  • @gavin-hall
    @gavin-hall 2 ปีที่แล้ว +1

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

  • @mdqmatias
    @mdqmatias ปีที่แล้ว

    That card, omg, looks incredible!

  • @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

  • @DenisJeliazkov
    @DenisJeliazkov 2 ปีที่แล้ว

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

  • @megaroeny
    @megaroeny 2 ปีที่แล้ว +1

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

  • @julianTrichardson
    @julianTrichardson ปีที่แล้ว

    I love the way you teach. Thank you bro.

  • @nishanthb2327
    @nishanthb2327 ปีที่แล้ว +4

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

  • @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

  • @bhaveshgavhankar
    @bhaveshgavhankar ปีที่แล้ว

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

  • @sarahigbinosa3004
    @sarahigbinosa3004 2 ปีที่แล้ว

    Thank you so much Ridd, this is really helpful.

    • @ridd
      @ridd  2 ปีที่แล้ว

      Good I'm glad :)

  • @codingwithdidem
    @codingwithdidem ปีที่แล้ว

    Please make more of these videos its goldd

    • @ridd
      @ridd  ปีที่แล้ว +1

      Trying 😅❤️

  • @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 2 ปีที่แล้ว

    This is so sick!

  • @pouyapj1jan122
    @pouyapj1jan122 ปีที่แล้ว +1

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

  • @stvvjbs
    @stvvjbs ปีที่แล้ว

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

  • @merisimamovic965
    @merisimamovic965 ปีที่แล้ว

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

  • @skyler.schain
    @skyler.schain 2 ปีที่แล้ว

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

    • @ridd
      @ridd  2 ปีที่แล้ว

      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 👍

  • @shicka52
    @shicka52 2 ปีที่แล้ว

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

    • @ridd
      @ridd  2 ปีที่แล้ว

      All in Descript!

  • @AhmedMagdy-lf4nr
    @AhmedMagdy-lf4nr ปีที่แล้ว

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

  • @-ct-celcomtechniques2566
    @-ct-celcomtechniques2566 ปีที่แล้ว

    Gold !

  • @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..

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

    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 ?

  • @disciple_zero
    @disciple_zero 2 ปีที่แล้ว

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

  • @0xGast
    @0xGast ปีที่แล้ว

    the programmers will be going crazy after seeing this design XD

  • @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 2 ปีที่แล้ว +1

    when the Framer course?

    • @ridd
      @ridd  2 ปีที่แล้ว +1

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

    • @diegolanzani4766
      @diegolanzani4766 2 ปีที่แล้ว

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

    • @ridd
      @ridd  2 ปีที่แล้ว

      @@diegolanzani4766 pretty tbd still

  • @IStMl
    @IStMl 2 ปีที่แล้ว

    Hi how did you create the noise?

    • @ridd
      @ridd  ปีที่แล้ว

      There are some nice noise plugins in the Figma community!

  • @alvinrumbaoa
    @alvinrumbaoa 2 ปีที่แล้ว

    Man i love framer more

  • @SzabatDesign
    @SzabatDesign ปีที่แล้ว

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

    • @ridd
      @ridd  ปีที่แล้ว

      😇🙌

  • @jgerber6955
    @jgerber6955 2 ปีที่แล้ว +2

    Not sure for what you actually need figma anymore

  •  2 ปีที่แล้ว

    9:30 just “[“ works for me