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 seventh episode of “Designing a Website in Figma”, we’re going to create a FAQ (Frequently asked questions) Website section with interactive, animated accordion components. The FAQs section is very frequent in website design as it adresses the most frequent concerns of your users, which helps increase trust, clarity and ultimately conversions of your website. We will be using components, component properties, instances and autolayout to create this website prototype in Figma.
How to design an interactive FAQ / frequently asked questions section with interactive animated ACCORDION components in figma – design a website from scratch in figma – step-by-step explanation tutorial with examples – FREE full UX / UI design course
————————
© 2023 Mavi Design
source
What an amazing class! tks!
Thank u so much!!!
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
Brother.. It's completely disrupting my Accordion when I am adding strokes ? Can I Know Why?
After spending over 1hr trying to implement this step by step, it came out looking great, thank you so much for this🔥
good job bro!!!! you save my life lol
It looks so easy, but i'ts not. hahaha I need to practice and practice…
the best!!!
Great Job!
by far, ur tutorials are amazing and easy to understand!
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?
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 …??
This is great. Thank you!
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.
Thanks for making this. Great!
Thanks! You helped me a lot 😍
After 5 videos, this is the proper tutorial for accordions! Great job 👍🏾 🚇🔔
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
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.
Great tutorial. Thank you so much!
Thank you Mavi. It was so clearity tutorial. Good luck.
Perfectly explained. Thank you for making this!
BRAVO ! MERCI !
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?
Amazing work! It took half an hour to understand it.
thanks a lot for your work! lesson is on a very good level!
thanks a lot!
You are just awesome
🔥