Scroll Menu Animation - Adobe Xd Tutorial

[@CalerEdwards]

What do you want to see next? Let me know and don't forget to leave a like on the video if you enjoyed it :D

[@briandesign]

scroll animations are so satisfying lol

[@shtrier]

Quick note: For starters no user will be defualt know that there are two more share options. Either you should tease the message option just abit, or make it a grid - in which case the scrolling renders useless. Second, and this is just my perspective, I would keep the notch line on the closed menu if you want it to be a drag interaction :) Good video though! Really enjoyed it 👌🏼

[@enriqueruiz320]

Puro profesional por aquí... acepte usted mi humilde like

[@blessdarah1256]

I love the simplicity of this episode

[@fareedmatjila6350]

I was waiting for a video like this my whole project!!

[@rosaural.meneses4768]

This is really helpful! Great tutorial, thanks!!

[@smailbouhari]

Thank youu Edwards this helps me a lot ❤

[@thomasedwardking7286]

Bro, you're like the Tech with Tim of XD 💪💯

[@JayaprakashM]

Great... nicely done.

[@CalerEdwards]

Thank you :D

[@raynalreyes4907]

Great video! I would have stacked the options in order for easy reordering without having to do the work manually.

[@peterretvari7053]

Awesome Video. Thank you sir! May I ask why we need the mask for the rectangle?

[@CalerEdwards]

Thank you. To make sure the icons sliding in don't show outside of the pop out rectangle. Hope that makes since :D

[@peterretvari7053]

@@CalerEdwards Thank you so much. I've corrected my layout. Cheers 😎

[@atirah14]

Thanks for the tutorial

[@CalerEdwards]

You bet :D

[@abdulbenbrahim]

Hey Edward, thank you for the amazing tutorial. a quick question please what software do you record and edit your videos with? Thank you

[@CalerEdwards]

Thanks! I use Screenflow to record and After Effects to edit :D

[@mc.cheese9898]

How do you get the facebook and twwitter logo from from nucleo, cuz i couldn't find it

[@felixquansah5214]

Always great to see your content....thanks for this🙏🏽🙏🏽🙏🏽🙏🏽

[@CalerEdwards]

Thanks, My pleasure!

[@VibhorWase]

Cool tutorial. I'm trying to implement a horizontal scroll line that'll change the temperature on this weather app. The problem is, it works for either Celsius or Fahrenheit, not both. I made a component that already has a _toggle trigger_ between C and F, which works great; but if you toggle to F and then _drag trigger_ through the timeline to check weather at various times of the day, it doesn't scroll but just jumps to previous artboard and it shows the C value (instead of corresponding F). Edit: i have to hide the elements in C, and make F elements VISIBLE in both artboards in Design tab in order to show temperature changes in Fahrenheit. Again, toggle works great, but if you leave it toggle C and then _drag_ the slider back to 6 am, it transforms into F (instead of *staying* in C) ... I'm guessing that XD cannot differentiate between the two states, as it points to the previous artboard in *default state* only, instead of pointing to the Celsius state.

[@mc.cheese9898]

this was usefull!

[@CalerEdwards]

Glad to hear it :D

[@sabihakhan8326]

I have a question: how do you make a button that scrolls to a specific point on the map?

[@sveinsoermo9883]

King!

[@sandyanima2]

very nice

[@miumiuwang7867]

Maybe I can also use component to achieve this project?

[@ahmada.abuabdou4053]

exactly right? I asked myself self why not use component states instead of two artboards?

[@CalerEdwards]

and now I am asking myself why I didn't do that as well lol

[@miumiuwang7867]

Ahmad A. Abuabdou yea！

[@rahuldwarg7722]

Awesome

[@ritzenhauf]

functionality starts ~7:00

[@faizsayyed1675]

How to apply that scrolling property in figma?

[@MACH_SDQ]

Very gooood

[@CalerEdwards]

Thanks :D

[@حمزہبلال-ر3د]

Sir Please send me embed icon link

[@RichardV-CPD]

🔥

[@MattBraun]

Couldn't get past a few minutes. The mixing of odd & even number spacing drives me insane...no system. Works for print but crazy for digital. 😩

[@evanmanni2723]

Your thumbnail preview it showed a scrollable wheel on the right hand side however that's not part of this tutorial, So basically this is a clickbait.

[@swarupbanerjee9047]

why did you mask ?

[@shtrier]

For the scrolling to appear inside the box and not from the bottom of the screen

[@thantzinhtay9525]

it is so diffcult for me to find your channel name

[@CalerEdwards]

When you search on KZbin?

[@delizade]

use components. if you don't know how to use it this is a problem. big one. make an icon component for those social icons. and than use that component to make another one with title text of an icon. and than show how you would change their icons etc. Show us how a prototype is prepared with components. this video is a little tiny sample. we need huge and deep answers anymore about those tools. I've wasted my pro. life with struggling that and I'm here for real solutions but everywhere telling baby stories. Adobe's formal channels too...