WEB DESIGN IN FIGMA ep.07: Interactive FAQs Section with ACCORDIONS - Free UX / UI Course

[@abduladeshina4066]

After spending over 1hr trying to implement this step by step, it came out looking great, thank you so much for this🔥

[@jesuscorderomusic]

Great tutorial, but i have an issue: I’m having difficulties with the interaction. When clicking a button or a text field the next screen with the interaction brings it to the top of the page. I want to stay in place after a click/interaction has been done.

[@olgaivashenko8580]

Hello! thank you for this tutorial. I have done it on my project but have one issue: when I open one or several faqs and leave them open and scroll down to footer (in prototype) - the following sections get overwritten, they do not move down. How can I solve it?

[@zgarts9840]

same problem

[@tusharnandre2067]

when you open another Q the previous one should close on its own ( I mean it shouldn't be two clicks only one click to open the one you want and close the previous one) please can you make a tutorial on that

[@felipev5409]

x2!!

[@natalii8366]

have you found a tutorial on that?

[@aski325]

x3

[@alfredosmith6107]

After 5 videos, this is the proper tutorial for accordions! Great job 👍🏾 🚇🔔

[@pichayapapp1779]

this is the best tutorial Love this! Thank you

[@nibes4]

the last thing to make full page as autolayout saved me! but still I would love to see how to make accordeons close others if new one is opening... I mean something with 'if' properties

[@aski325]

I have the same concern

[@MuhammadAwaisAyub-c7m]

Amazing work! It took half an hour to understand it.

[@micasamso8883]

Thank you so much! I've been looking for a video to do this for a long time and it's the first one that really works for me! Congratulations for your work and excellent explanation.

[@noorahmedpirwani9683]

Thank you I am following the series and learn a lot till now. I just have one question at that stage that why we make so much frames on frames using auto layout. what happen if we do not use them?

[@nouramroueh7064]

Perfectly explained. Thank you for making this!

[@purevbayar]

Thank you Mavi. It was so clearity tutorial. Good luck.

[@nicohaitas6608]

Hi great tutorial! is there a way to have only one Accordion Item open at a time? Effectively by clicking on any other Accordion Item the previous one closes

[@natalii8366]

do you have the answer how to do that?

[@dariocastillo3595]

Great Job! by far, ur tutorials are amazing and easy to understand!

[@Uyai_Inyang]

God bless you for this tutorial 🫶

[@GangsterNerd1]

Great tutorial. Thank you

[@tessakoeller8120]

Do you have to leave a bunch of blank space below the menu so they have room to open? Is there any way to not have to have all that room?

[@Santanna.leandro]

What an amazing class! tks!

[@WallaceChan-g3r]

Thanks for making this. Great!

[@ЛевТєрєхов]

Great tutorial. Thank you so much!

[@Dhruwa_Sharma]

Brother.. It's completely disrupting my Accordion when I am adding strokes ? Can I Know Why?

[@MDITSWORK]

I get the asset horizontally what we will do we want vertical

[@steviesmith5161]

how do i successfully get this into a website deisgn like on wordpress? i am trying to send these designs to someone trying to post this feautre using wordpresss but is struggling. i want to try to help but have no idea how to web develop. any tips?

[@knowyourworld9605]

I can't find The fill container feature

[@kevinajenodi]

This is great. Thank you!

[@VisualMaestro600]

Thank for the tutor man

[@svedesign]

Thanks! You helped me a lot 😍

[@vamboo8918]

thanks

[@plan-plant-play]

thanks a lot for your work! lesson is on a very good level!

[@nawafalkaltham6921]

amazing video thanks man

[@annak7905]

Thank you!

[@clutchdesigner]

good job bro!!!! you save my life lol

[@UsmanYousafOfficial]

In case if there is a footer below the accordian, and on opening an accordian section we want that footer to be dragged below and the overall height of tthe page also expands, how would we achieve that ? keeping in mind that the footer does not crops out of the page upon opening the accordian section ...??

[@luisjoseherrera408]

Hey im have the same question, have you found the way to do it?

[@UsmanYousafOfficial]

@@luisjoseherrera408 not yet ... I left it there unresolved but I had a guess, that may be if we add FAQs and footer into one single Section then it might be possible but I havent tried yet ...

[@luisjoseherrera408]

@@UsmanYousafOfficial i'm currently watching the global auto layout episode, I'll let you know if it works

[@UsmanYousafOfficial]

@@luisjoseherrera408 I doubt it.. but at the same time I think thats the only solution... but I wonder, why we feel the need to turn whole artboard into autolayout.... (basically I come from Adobe Xd background thats why I find some workflows in figma wired)

[@luisjoseherrera408]

@@UsmanYousafOfficial is there a way to do it on adobe xd? I did it already like I told you but a bug keeps happening, I'll keep you posted if I solve it

[@caioquintes825]

Thank u so much!!!

[@realIKON]

BRAVO ! MERCI !

[@behnazshayan7318]

thanks a lot!

[@leticiamgr]

It looks so easy, but i'ts not. hahaha I need to practice and practice...

[@leticiamgr]

I got it!! Thank you very much. Regards from Brazil. :)

[@j33t78]

🔥

[@disoin.studio]

the best!!!