Designing the new Dive website in Figma + Framer

[@victorbelo9027]

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]

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]

Planning on it!

[@enyipreshious]

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

[@ridd]

Glad it was helpful!

[@bionicashish]

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]

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

[@sainteleven6880]

This was pleasure to watch, workflow is jawdropping

[@ridd]

Glad you liked it!

[@megaroeny]

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

[@gavin-hall]

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

[@mdqmatias]

That card, omg, looks incredible!

[@NavesNiche]

Awesome video! I like your personality

[@nishanthb2327]

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

[@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]

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

[@pouyapj1jan122]

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

[@julianTrichardson]

I love the way you teach. Thank you bro.

[@sarahigbinosa3004]

Thank you so much Ridd, this is really helpful.

[@ridd]

Good I'm glad :)

[@codingwithdidem]

Please make more of these videos its goldd

[@ridd]

Trying 😅❤️

[@milosmiljanovic]

This is so sick!

[@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]

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 ?

[@bhaveshgavhankar]

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

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

[@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]

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

[@0xGast]

the programmers will be going crazy after seeing this design XD

[@-ct-celcomtechniques2566]

Gold !

[@AhmedMagdy-lf4nr]

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

[@shicka52]

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

[@ridd]

All in Descript!

[@stvvjbs]

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

[@merisimamovic965]

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

[@skylerschain729]

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

[@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 👍

[@AS-ld5mz]

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

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

[@notyetforkliftceritified373]

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

[@des7638]

Dope

[@SzabatDesign]

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

[@ridd]

😇🙌

[@jgerber6955]

Not sure for what you actually need figma anymore

[@alejandrogalvan8456]

when the Framer course?

[@ridd]

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

[@diegolanzani4766]

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

[@ridd]

@@diegolanzani4766 pretty tbd still

[@IStMl]

Hi how did you create the noise?

[@ridd]

There are some nice noise plugins in the Figma community!

[@alvinrumbaoa]

Man i love framer more

9:30 just “[“ works for me