Figma amazing parallax effect | - Figma Prototyping Tutorial
ฝัง
- เผยแพร่เมื่อ 28 มิ.ย. 2024
- the figma file link will be place in the youtube community post section.
🚀 Wassup it's Bendy, your go-to channel for UI/UX design excellence! In this tutorial, we dive deep into the world of Figma, unlocking the secrets to creating a visually stunning hero section with animation. 🎨✨
👉 Whether you're a seasoned designer or just starting your UI journey, this step-by-step guide will empower you to harness Figma's power and elevate your skills to new heights. From wireframing to prototyping, we'll cover it all!
in this video u can expect
1-create a parallax effect
2-learn how to make great scrolling effect
3-make fluid prototyping
If you enjoy our content, feel free to subscribe and hit that bell notification. We will bring you a ton of free value every week!
Timestamps:
00:00-intro
00:18-page design
02:35-parallax effect
03:35-smooth scroll
04:58-results
Tags ➡️
Figma, UI Design, Beginners, 3D Carousel, Interactive Design, NIKE Shoes, Website Design, Prototype, Figma Tutorial, UI/UX Design, Web Development, Design Tips, Creative UI, Learn Figma, Figma Basics, User Interface, UI Prototyping, Digital Design, Web Design Tutorial, Design Process, Figma Tricks, UI Animation, UI Elements, UI Patterns, Figma Techniques, Web Prototyping, Figma Guide, Nike Website Design, UI Inspiration, Design Tutorial for Beginners, Figma for Beginners, Design Tools, Figma UI Kit, Interactive Prototyping, Visual Design, UI/UX Tutorial, Creative Process, Digital Creativity, Web Designing Tips, Graphic Design, Design Community, Tech Tutorial, UI Components, UI Trends, Figma Workshop, Design Challenge, Web Layout, UI Design Principles, UI Development
________________________________________________________________________
#figma #uidesign #nikeshoes #webdesign #uiux #designtutorials #interactivedesign #3DCarousel #beginnerdesign #prototype #creativedesign #designinspiration #digitaldesign #webdevelopment #userinterface #designprocess #figmatips #uxdesign #NikeWebsite #WebPrototyping #visualdesigner #learnfigma #designskills #UIPrototyping #designcommunity #digitalcreativity #graphicdesign #uielements #techtutorial #webdesigningtips
I'm truly impressed by a tutorial video with engaging explanations. Convincing and inspiring! Wishing that this channel grows significantly in the future. Best of luck!
Bro awesome viideo.
and thanks for sharing the file
It is like animating, first you define the end frame, then copy it and define the start state.
Yes exactly, if u understand this, prototyping will become much much easier
Thanks for mentioning me in your video
figma file : www.figma.com/community/file/1333601833666600276/parralax-effect
👌 By the way I'm struggling with prototyping. Any suggestions for this?
well ig the best suggestion I can give is to keep practicing over and over, try to understand the basic of prototyping by whatchung video just like this one and u will eventually become better that's what i did and even if i'm far from being good at it i have some skills well i have enough to make vidoe about
@@eBENDYUX sure thanks a lot for suggesting ✌️.
Where to get clouds😅
2 solution either you dig into Google to find good quality cloud and png
Or you can check on my TH-cam post, I have a link with all the assets I used
@@eBENDYUX thank you