WEB DESIGN IN FIGMA ep.28: Customers Page pt.2 (Hover Interaction, Finalizing) - Free UX / UI Course
HTML-код
- Опубликовано: 24 май 2023
- Visit my STORE: bit.ly/mavi-design-store
Explore Mavi Design COURSES : bit.ly/mavi-design-courses
Get FIGMA for FREE: bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA's features: bit.ly/figma-professional-plan
FREE FIGMA COURSE / SERIES: Design a Website in Figma: • FREE Figma Web Design ...
In this episode of designing a website in Figma, we’re going to finalize the Customers page by creating a custom interactive component (on-hover) to implement hover interactions, fill in all placeholders and compile everything on a final page. We will be using elements from the previous episode as well as integrations and prepare a polished, high-fidelity interactive Figma prototype.
--------
© 2023 Mavi Design - Хобби
Hey! You can also paste in place to prevent all this fuss. It's ctrl + shift + R on Windows!
thank u!
Keep it up ❤
waiting for the next one...
Sorry, I’m new and studying figma.
Could anyone please explain the difference in function for Fill container, Hug content, and fixed width?
It’s the thing that’s always giving me a headache when making stuff responsive. TIA
Hug contents = width is determined by what the object contains - child elements
Fill container = width is determined by the object that contains your object - parent element
Fixed width = width is a fixed value, for example 100pt. No other elements are taken into consideration.
Same goes for height.
Edit: you can have multiple objects within one parent elements all set to fill container. In that case, the width will be evenly split across all these elements. Parent element has 100px and you have 2 child elements with fill container? Each will be 50px.
This video will help:
ruclips.net/video/mJyhkDNCAnc/видео.html
@@mavidesign Thank you!
❤❤❤