FIGMA WEB DESIGN ep.24: Hover Preview (Case Studies) – Free UX / UI Course
6.6K views · 2023-03-20
UI DesignInteraction & UX
Get the SOURCE FILES for this project ($14.99): https://payhip.com/b/uyMWL
Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses
FREE FIGMA COURSE / SERIES: Design a Website in Figma: https://youtube.com/playlist?list=PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT
In the twenty-fourth episode of designing a website in Figma, we’re going to take a look at how to design an interactive, on-hover preview of case study (article) details. We will be creating an interactive prototype using interactive components, along with techniques like auto layout, fill container, absolute position, frame constraints and components properties to create this high-fidelity Figma prototype.
How to design a hover article preview – how to create a hover interaction in figma – how to design a website in Figma – free UX / ui course for beginners
————————
© 2023 Mavi Design
Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design COURSES : https://bit.ly/mavi-design-courses
FREE FIGMA COURSE / SERIES: Design a Website in Figma: https://youtube.com/playlist?list=PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT
In the twenty-fourth episode of designing a website in Figma, we’re going to take a look at how to design an interactive, on-hover preview of case study (article) details. We will be creating an interactive prototype using interactive components, along with techniques like auto layout, fill container, absolute position, frame constraints and components properties to create this high-fidelity Figma prototype.
How to design a hover article preview – how to create a hover interaction in figma – how to design a website in Figma – free UX / ui course for beginners
————————
© 2023 Mavi Design