Visit my STORE: https://bit.ly/mavi-design-store
Explore Mavi Design PREMIUM Assets: https://bit.ly/mavi-design-premium-assets
Download FIGMA for FREE: https://bit.ly/get-started-with-figma
Take FULL advantage of ALL FIGMA’s features: https://bit.ly/figma-professional-plan

FREE FIGMA COURSE / SERIES: Design a Website in Figma: https://youtube.com/playlist?list=PLCUPtxXqnWn0AMIjZmNdkrzWVjLHOW2NT

In the fourteenth episode of “Designing a Website in Figma”, we’re going to beautify / improve the design of our blog listing page we have created in the previous episode. We will be using drop shadow, effects and image fills to achieve this result – learn how to design a beautiful blog page in Figma. We will be using the design system we have been creating over the course of this course.

How to design a beautiful interactive blog listing page (hover state) in Figma – how to create a beautiful interactive design – figma web design and prototyping tutorial – free ux / ui web design course in figma, great for beginners

————————
© 2023 Mavi Design

source

7 Comments

  2. @mavidesign Hello, first of all, thank you for this tutorial. but I encountered a problem and I cannot solve it. The animation of the arrow in the Blog Article Preview card was working properly as you showed at the beginning, but after adding the drop shadow effect with you, the animation of the arrow was broken. I had this prototype problem with the category tabs in the previous video. selected tabs were not showing up. it was fixed when I did "reset component state" in the prototype section, but this time it doesn't work. can you help me please

  5. Hi! Sometimes I can paste my picture inside a rectangle, sometimes I can not. In this case, I am unable to paste a picture from unsplash to replace the category photo. Is there anyway to check why is it?

Leave A Reply

Please enter your comment!
Please enter your name here