WEB DESIGN IN FIGMA ep.13: Blog Page + Filter Articles by Categories - Free UX / UI Course

[@DipaChiniya]

23:46 : thanks for your motivation dear😀😀 I have mentioned your channel to my all friends and they also appreciated. enjoying ☺☺

[@xianga5047]

great great tutorials！I appreciate your detailed steps and clear explanations！

[@DonaldYotay]

I've created the articles listing component 3 separate times but anytime I try to switch between the 4 categories (all articles included), the variants switch but the selected button effect isn't shown, only the hover button effect. BTW for the "blog category switcher" component, you didn't do or show the click interaction from hover to selected.

[@ShahzadAnsari-jc8xd]

Yeahh the same problem occurring with me too Do you know any way to fix it?

[@kmddidart]

same problem bro if u fix it share it

[@ROSHIKGEORGEBTechCSEB-]

did you find how to fix that

[@manvitejwani3072]

Same problm

[@baazigar5]

just found the solution! we just have to click on each click interaction we made and in that interaction tab we need to check "reset component state"

[@pixeleandocancun]

Somehow I thought this would be archieved with conditionals but you can always rely on components alone jeje Saved my junior life, thank you for your content!!!

[@funkeomoogun]

Great tutorial. I tried this method but when I select the categories, It doesn't show the selected state. The hover option works & even the filtered categories but when I click to select a category it doesn't change its colour. How can I correct it?. thanks

[@MozhdeZandi-uh9xz]

I have the same problem. Did u manage to fix it?

[@ololadetimilehin]

@@MozhdeZandi-uh9xzplease how did u fix the problem, I’ve tried so many things but I couldn’t fix it. Please help

[@ololadetimilehin]

@mavidesign please can u explain how the selected category works in prototype

[@eyebiokinjoseph]

I also have the same issue, the selected state doesn't show when i click on it. I have tried

[@mobydick3892]

same problem, how you fix it ?

[@bossboss4508]

i really like your tutorial. its help me a lot. thx u so much

[@shivudesign9210]

Nice explanation, thank you for sharing ☺ just I wanted to ask which tool or software do you use to record screen and give side camera effect in recording?

[@Priyankashinde293]

Thank you for this tutorial!! I’m facing in issue in the article listing when I run the prototype and click on categories the selected category does not get highlighted I’m not sure what the issue is… can you suggest what might the issue be….but otherwise it is running perfectly

[@tadswiech3043]

simply the best

[@AlexandraAgapova]

thank you so much for this great tutorial 🙏🏻

[@lucyvendeamon2722]

What about the text? when I prototype my articles the headlines follow the text's from default

[@ob5804]

And if I don't have to have a label (category) in the card, how should I connect the switch button with the card content? Should I still make a label (category), but then hide it?

[@raweo6618]

What if the tags section is long and can be horizontal scrollable? Can I do it in the same way?

[@inuyasha561]

thanks man sti8ll following along this is great!

[@behnazshayan7318]

Thank you for this tutorial, what if we select several filter options? for example on a product page, we want to filter the product by price, size, color, etc.

[@mavidesign]

In Figma, this would be quite tedious to set up. As far as I know this would mean creating every single combination and then setting up the prototype so that you can move across these combinations

[@secozy]

How to make auto page blog article from figma to wordpress?

[@danielestrada1018]

Thanks for sharing! I followed every step in my project and the results are amazing! I just have one question, in some categories, I have more elements (cards) than in others, so I was wondering if there's is any chance to make responsive my frame or canvass in a way that while I'm running my prototype there's no blank space in the categories with fewer elements.

[@feelcollins4358]

i think that's when auto-layout comes into play, in the component section for the categories with less cards you can simply hide the ones that aren't on that category and if you auto-layout them previously then they would cleanly rearrange themselves, for this type of arrangement use the "wrap" feature in auto-layout though.

[@mech383]

Hi. Nice tutorial. I tried it and updated my images but everytime when i switch the variant to a different category, my contents' images doesnt change. Do you know what could be the issue?

[@ghzlshch7238]

thanks

[@KylerS33n]

25:15

[@faixikhan9953]

❤❤❤❤

[@vamboo8918]

thanks