Help Center
Welcome to the Help Center! This site will get you up and running with Info in under 5 minutes.
Search
Copyright © 2023 Info
Help Center
Welcome to the Help Center! This site will get you up and running with Info in under 5 minutes.
Search
Copyright © 2023 Info
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.