Designing the Dive site

Designing the Dive site

Designing the Dive site

Watch as Ridd takes you through his full workflow, starting out with designing in Figma and then moving on to Framer.

Watch as Ridd takes you through his full workflow, starting out with designing in Figma and then moving on to Framer.

Watch as Ridd takes you through his full workflow, starting out with designing in Figma and then moving on to Framer.

Summary

Summary

Summary

The video showcases a designer's process of creating course cards for the Dive website using Figma and Framer. The tutorial delves into using auto layout, setting font hierarchy, and adding a Call-to-Action button to make the design responsive and user-friendly. The designer also explores creating hover states, adding texture and contrast, and designing transitions and animations. They conclude by demonstrating how to transition from Figma to Framer for further iteration and emphasizing the usefulness of using Framework courses of dive.club. Overall, the designer makes small but impactful changes to create a cohesive visual language and enhance user experience.

The video showcases a designer's process of creating course cards for the Dive website using Figma and Framer. The tutorial delves into using auto layout, setting font hierarchy, and adding a Call-to-Action button to make the design responsive and user-friendly. The designer also explores creating hover states, adding texture and contrast, and designing transitions and animations. They conclude by demonstrating how to transition from Figma to Framer for further iteration and emphasizing the usefulness of using Framework courses of dive.club. Overall, the designer makes small but impactful changes to create a cohesive visual language and enhance user experience.

The video showcases a designer's process of creating course cards for the Dive website using Figma and Framer. The tutorial delves into using auto layout, setting font hierarchy, and adding a Call-to-Action button to make the design responsive and user-friendly. The designer also explores creating hover states, adding texture and contrast, and designing transitions and animations. They conclude by demonstrating how to transition from Figma to Framer for further iteration and emphasizing the usefulness of using Framework courses of dive.club. Overall, the designer makes small but impactful changes to create a cohesive visual language and enhance user experience.