Horizontal and Vertical Scroll in Figma | Figma Tutorial
HTML-код
- Опубликовано: 23 ноя 2024
- In this video, I'm going to show you how to create horizontal and vertical scrollable sections in Figma.
Check out Wix Studio👇:
www.wix.com/st...
📸 Instagram: / uiux.arash
Who is Arash Ahadzadeh? Well, I'm a UI/UX designer and a university instructor with 7+ years of experience, and I teach people how to design great user interfaces and experiences. I've helped over 30,000 students become UI/UX designers from scratch worldwide.
👉 Become a UI Designer with my UI Design & Figma Mastery course (17+ hours and 130+ lessons):
bit.ly/43v79vX
Congrats!!!, the explanation is by far the most crystal clear around!!!
Thank you.
The timing of this video is unbeliavable for me. I was creating something yesterday and I couldn’t figure out how to do this, there was something I was missing and planning to check it from a video. Then your notification hit 😅 thank you
I'm glad it helped. No problem.
Thank you, Arash. You are an excellent teacher, and I have learned a lot from you ♥
No problem. Thank you. That's so nice of you.
This is a good video. You explained it very well, but the margin on the left side of the horizontal carousel should not clip the content. In the "home" position if you will, it should have that 12dp margin on the left side, but as you scroll horizontally, the content should extend to the outer edge of the frame. At least that is how most horizontal carousels work. Is this possible in Figma? I'd love if you had an updated video on this. I think maybe you would just need to add the margin on the left side of the tags frame like you did on the right of the other container and have the frame start at X position 0.
Haha! By far the simplest explanation, thank you! Could you also show how to add a button to automatically scroll left-to-right, please?
Thank you. You can do that by creating an interactive component (with two variants).
Thank you. Great and simple video.
Clean and informative tutorial, thank you Arash.
Glad it was helpful!
I still have as position "scroll with parent"
When I try to preview/present the prototype, the homepage is minimising to the left upper corner of the prototype screen. What am I doing wrong??
This video is helps to understand prototype.... BUT how can i make page wise TABS Horizonal scroll in prototype?
does the overflowing part have to be a frame or can it be textboxes also?
Thank you !!! It helped me a lot!! Very clear
No problem. Glad it helped!
@DesignWithArash, how can we make prototype with TABs page changes too
you are a great teacher Arash. but i have a question if you don"t mind
Thank you so much.
Sure, go ahead.
Arash thank you soo much, but i have a question for you, Figma supports left to right horizontal scroll, but for my project I need a right to left horizontal scroll, just like the one in your video for youtube. For example when we click on any button on youtube bar, that bar is highlighted and we can scroll left as well. Can you please explain how to make a horizontal bar like that please
Hi. No problem. You just need to increase the width of your frame (scrollable frame) from the left instead of right.
my control and command key doesnt work, it croped the content inside it
Thanks Arash.
No problem.
Kak minta file redesain youtube di figmanya boleh ga kak
video starts at 02:25
Excellent
Thanks
Thank you
❤
Thank you!!
No problem.
Eşq olsun Cənub Azərbaycanlı türk qardaşıma! ✌️
I'm not Turk but thank you so much.
When the scrolling ends I'm not getting that elastic effect
piz do webflow advanced course
i will ask you again & again
I'm not planning to publish a new Webflow course in the near future.
This is easy peesy, press of a button in Adobe XD, why figma had to make it complicated AF
how can i creat this animation
file:///C:/Users/AFC/Desktop/yyy.mp4
pleace tell me