Thank you so so much for this video, I'm taking classes and doing a navigation app, I really appreciate how clear and thorough you were with each step. I wish you were my teacher because you are great!
Greetings Yariv, thank you again for your wonderful tutorial. i’m trying to emulate it. but i am having trouble.. If you would be so kind, please, in the layering how did you arrange the upper and lower app bar elements that they do not animate with the transition in the prototype. I have tried everything but have had no success. the upper and lower bars always peel with the rest of the screen in the transition. I am also finding the the drag backward to previous card animation hard to pull off. It seems figma does not understand where i am trying to go with it. Thanks for your help again. Niall :)
i find this so difficult. i don’t understand how you do not have horizontal scrolling ticked on, yet you are gettting a horizontal scrolling effect in prototype anyway. confused and burdened. best wishes, niall
Hi :) You can get (in general) horizontal scrolling by setting this behavior to a frame, by making its content bigger than the frame itself, or, by animating elements/content between frames (any frame - a component/variant is also a frame), changing their positions between one frame to the other, generally describing it 🙂
Thank you so much for the great feedback Hugo! I highly appreciate it ⚡🙂 and thats what keep this channel going... Will post some more in the next coming days :)
I am being a dummy here, but I cannot get my component to "drag." Instead it all moves with the "map." I have it attached above the map (i.e. not a part of it). Help???
@@michaelbott2267 Hi there. It's a bit difficult to understand the reason why is not working for you, without seeing the file and understand what went wing there. Your have a link to the tutorial's fine - download it and try to understand from it what went wrong on you side. Key me know if it helped.
@@YarivBE When in prototype presentation mode, if I grab say "castle 1" in the "place cards" component and try and drag to "castle 2" it does not drag within the component. Instead it drags the entire "map + chips," which is what I would think would happen if I placed the "place cards" component within the map. But it is not. I have my fixed header, footer, etc. Beneath them in the scrolling section is my "place cards" component followed by "map + chips". When I click the chips, everything works perfectly. I simply cannot scroll within the "place cards" component. No worries if it doesn't make sense. I understand it's difficult to understand without a visual demo. That said, I do LOVE this tutorial. Just wish I could figure this out. :)
@@michaelbott2267 As i told you - understanding why it doesnt go well, without seeing a screen recording or the file itself, in cases like that, no good answer i can give. Just being honest about it. I am more than willing to help if you want to send me a screen recording or share a link to the file. Besides that, thanks a lot for the great feedback! I highly appreciate it 🔥
@@YarivBE Thank you Yariv. Absolutely understand. I did figure it out. I was creating a bit different of a map (dragging restaurant choices). Rather than pasting properties in one "card" I accidentally did a normal paste which resulted in one of my "cards" having an ever so slightly different frame size. That prevented the ability to drag the contents within the component. Thank you for all your replies and the great video!!! VERY helpful. :)
Hi Niall :) You are not bothering at all - its all good 🙂 First, let me mention that in one of the last figma updates, the "fix position when scrolling" moved to the prototyping tab and its called "Fixed". Please see this tutorial - i guess it will explain it better :) ruclips.net/video/oMvmE5eizIs/видео.html Second, make sure that you are on "Smart animate" (animation type) and that you are actually moving the element that you are creating the drag interaction on, form one frame (screen) to the other. If this doesnt help, please write to me and point me exactly to the problem, or you can also share the file with me and i'll get to the bottom of it 🙂. Be sure that we will solve this :)
@@YarivBE Yes, i see. Between your answers and figma tutorials I figured it out somehow and i’m back on the good path. Cheers. It’s sliding and moving well between map, card and chips! Great. I have to ask you though, as part of this design flow it does not seem to be possible to move the map n chips freely around behind the cards, do you know what i mean? So that you could scroll up down or across with the map over to chips further away, click a chip and no matter where you are on the map, it would pull back to the corresponding card. Do you think this would be possible within this design flow? Subscribed today, looking forward to your other tutorials. Greetings, Niall
@@aleks4307 Hi Niall :) Thanks again for your great feedback - i truly appreciate it! To your question - you must put in mind that after all, its a prototype, a demonstration of the expected behavior and not a programmed working product. This is the work that a prototype needs to do - when you presented the behavior in a good understandable way, that has done the job :) What you described can be achieved by more animation - just animating from one screen to another, to specific situations, and not freely fully working as a programmed product. I hope that makes it a bit more clear. Feel free to ask further if needed. Thanks!
@@YarivBE Brilliant. yes of course. Thanky for point of view once more. Im at the beginning of web/app design, so bit by bit, i pick up the crumbs that fall along the path to the big internet bread paradise! Best, Niall.
@@nicknickneachtain4242 Your are most welcome my friend :) This is exactly the right path to learn - try, and try again, and again - failure is part of learning - I'm definitely sure great results will follow ✌️
Thank you so so much for this video, I'm taking classes and doing a navigation app, I really appreciate how clear and thorough you were with each step. I wish you were my teacher because you are great!
Thank you so much for this amazing feedback Jessica! I love it and appreciate it! ⚡🤨 Wishing great success with your studies ✨
Yariv is great. You are right. But jessica tell me, i think we are taking the same class.. Career Foundry?
@@nicknickneachtain4242
Thanks for the great feedback Nick! I highly appreciate it 🤨⚡
i really like your style and delivery and look forward to learning more from your videos. well done😋
Thank you so much Alex (i hope i got the name right) for this great feedback and amazing words! I really appreciate it! 🙂⚡
Greetings Yariv, thank you again for your wonderful tutorial. i’m trying to emulate it. but i am having trouble..
If you would be so kind, please, in the layering how did you arrange the upper and lower app bar elements that they do not animate with the transition in the prototype. I have tried everything but have had no success. the upper and lower bars always peel with the rest of the screen in the transition.
I am also finding the the drag backward to previous card animation hard to pull off. It seems figma does not understand where i am trying to go with it. Thanks for your help again.
Niall :)
i find this so difficult. i don’t understand how you do not have horizontal scrolling ticked on, yet you are gettting a horizontal scrolling effect in prototype anyway. confused and burdened. best wishes, niall
Hi :) You can get (in general) horizontal scrolling by setting this behavior to a frame, by making its content bigger than the frame itself, or, by animating elements/content between frames (any frame - a component/variant is also a frame), changing their positions between one frame to the other, generally describing it 🙂
thanks for the video please dont stop to post that video you help me a lot thanks again.
Thank you so much for the great feedback Hugo! I highly appreciate it ⚡🙂 and thats what keep this channel going... Will post some more in the next coming days :)
I am being a dummy here, but I cannot get my component to "drag." Instead it all moves with the "map." I have it attached above the map (i.e. not a part of it). Help???
@@michaelbott2267
Hi there. It's a bit difficult to understand the reason why is not working for you, without seeing the file and understand what went wing there.
Your have a link to the tutorial's fine - download it and try to understand from it what went wrong on you side.
Key me know if it helped.
@@YarivBE When in prototype presentation mode, if I grab say "castle 1" in the "place cards" component and try and drag to "castle 2" it does not drag within the component. Instead it drags the entire "map + chips," which is what I would think would happen if I placed the "place cards" component within the map. But it is not. I have my fixed header, footer, etc. Beneath them in the scrolling section is my "place cards" component followed by "map + chips". When I click the chips, everything works perfectly. I simply cannot scroll within the "place cards" component. No worries if it doesn't make sense. I understand it's difficult to understand without a visual demo. That said, I do LOVE this tutorial. Just wish I could figure this out. :)
@@michaelbott2267
As i told you - understanding why it doesnt go well, without seeing a screen recording or the file itself, in cases like that, no good answer i can give. Just being honest about it. I am more than willing to help if you want to send me a screen recording or share a link to the file.
Besides that, thanks a lot for the great feedback! I highly appreciate it 🔥
@@YarivBE Thank you Yariv. Absolutely understand. I did figure it out. I was creating a bit different of a map (dragging restaurant choices). Rather than pasting properties in one "card" I accidentally did a normal paste which resulted in one of my "cards" having an ever so slightly different frame size. That prevented the ability to drag the contents within the component. Thank you for all your replies and the great video!!! VERY helpful. :)
@@michaelbott2267
OK than - great to know you sorted it out (as far ass i understand) and you are most welcome!
Thanks again for the great feedback :)
thank you very much it was really hopeful
You are most welcome! Thanks a lot for the great feedback - i highly appreciate it 🔥😊
Im a Yariv Convert. Im planning to build a church. Its going to be party central! Great work Yariv!
Thanks you so much Nick for this amazing feedback! I really appreciate it and definitely what keeps this channel going.. ✨✌
there is no mapsicle plug in now :
Hi. You can use FigMap. Try that - its quite the same :)
great content detailed explanation and very helpful. Waiting for more content keep it up
Thank you so much for the amazing feedback! I appreciate it a lot ⚡and yes - of course - will keep them coming.. 🙂
I'm very happy to subscribed your channel
Thank you so much for you great feedback Hadi! I really appreciate it and happy to know you find the channel helpful 🙂⚡
have a link of figma?
Hi there. There is a link to download the figma file with the tutorial's materials.
Hope that helps 🙂
oh i see…. „fixed position while scrolling“ ….i unfortunately don’t have this option only figma
על האינטו! כבר קבלת לייק !
תודה רבה דניס! מעריך מאוד! ✌
sorry to bother. thanks again.
Hi Niall :) You are not bothering at all - its all good 🙂
First, let me mention that in one of the last figma updates, the "fix position when scrolling" moved to the prototyping tab and its called "Fixed".
Please see this tutorial - i guess it will explain it better :)
ruclips.net/video/oMvmE5eizIs/видео.html
Second, make sure that you are on "Smart animate" (animation type) and that you are actually moving the element that you are creating the drag interaction on, form one frame (screen) to the other.
If this doesnt help, please write to me and point me exactly to the problem, or you can also share the file with me and i'll get to the bottom of it 🙂.
Be sure that we will solve this :)
@@YarivBE Yes, i see. Between your answers and figma tutorials I figured it out somehow and i’m back on the good path. Cheers. It’s sliding and moving well between map, card and chips! Great.
I have to ask you though, as part of this design flow it does not seem to be possible to move the map n chips freely around behind the cards, do you know what i mean? So that you could scroll up down or across with the map over to chips further away, click a chip and no matter where you are on the map, it would pull back to the corresponding card. Do you think this would be possible within this design flow?
Subscribed today, looking forward to your other tutorials. Greetings, Niall
@@aleks4307
Hi Niall :) Thanks again for your great feedback - i truly appreciate it!
To your question - you must put in mind that after all, its a prototype, a demonstration of the expected behavior and not a programmed working product.
This is the work that a prototype needs to do - when you presented the behavior in a good understandable way, that has done the job :)
What you described can be achieved by more animation - just animating from one screen to another, to specific situations, and not freely fully working as a programmed product.
I hope that makes it a bit more clear. Feel free to ask further if needed. Thanks!
@@YarivBE Brilliant. yes of course. Thanky for point of view once more. Im at the beginning of web/app design, so bit by bit, i pick up the crumbs that fall along the path to the big internet bread paradise! Best, Niall.
@@nicknickneachtain4242
Your are most welcome my friend :)
This is exactly the right path to learn - try, and try again, and again - failure is part of learning - I'm definitely sure great results will follow ✌️