How do I make a Figma design
https://www.figma.com/design/3e81pYlYFjgrYpJPU5r12k/Contagious-Power-(Copy)?t=ugXna3IoOXDlFzDv-0
Guys, I need help in understanding this design. A person asked me to make this design as my test, and if I pass, I might land an internship. Either way, I need help in understanding this design because I have never made anything using Figma. I can't understand where the groups go and why there are multiple groups with the same style. I tried finding a YouTube video about this, but I couldn't. They were all about design tutorials. Anything that helps me is appreciated, even a video.
16 Replies
i have never worked with one myself
but ill try to see what i can understabd
so these r i suppose products
top one is default state
bottom one is hovered state
this is basically how the whole page will look
like the whole page in 1 screeshot if u will
here ig they r showing u the header and footer. not sure
same hover state i assume
this , I'm not really sure but it could be that both r acceptable design u can choose whichever looks better
or could also be a hover effect where the buy link kinda animates to the where it is shown in the bottom image
the other bits r just to show u what elements r grouped together, also, so u can look at individual sections while coding the site to get a better idea ig
Thanks
But another thing is that how do i know it looks on mobile?
The guy wants it responsive
there's a preview option on the top right
idk maybe check that
Anyone else wanna drop their opinions?
doesnt work
its on the desktop
welp, not sure then
Wanna share how YOU would approach and make that design? Or what would be the best practice to make it
well i generally start from the top
meaning header, then gradually go down. sometimes making and footer first then the main contents from top towards the bottom section by section
here in the pic u can see i have separated diff sections with a white line in the middle
what u can also do is make each of those section separately the stitch them alltogether
noicec