Відео

@@izuchukwuigwe4185 Thanks a lot for the great feedback! I really appreciate it and happy to know it was helpful 🙂🔥

@@olgayakovleva9562 Your are most welcome and thank you for the great feedback Olga! I highly appreciate it 🙂🔥

@@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 :)

You are most welcome Walter and thanks a lot for the great feedback! i highly appreciate it 🙂🔥

@@baychepmavach7341 Your are most welcome and thanks a lot for your your feedback! I really appreciate it 🙂🔥

@@yana_mago Thanks a lot for your great feedback Yana! I highly appreciate it and happy to know it was helpful 🙂🔥

Hi there :) It can be achieved either with dynamic prototyping with variables or just in more simple way (which is perfectly good as well) to demonstrate a screen behavior, to animate to different screen having the pinned icon. Its a bit hard to explain how to do it with variables in a few lines - maybe i'll do a tutorial about it 🙂

@@Lara604 Your are most welcome Lara and thanks a lot for the great feedback! I really appreciate it 🙂🔥

You are most welcome! Thanks a lot for the great feedback - i highly appreciate it 🔥😊

Hello mate :) Are you talking about the Tesla loading numbers? If yes, where did you get lost? At what point in time? Lets try to sort this out 🙂

Thank you so much for this great feedback! I highly appreciate it and happy to know its helpful 🙂🔥

Thanks a lot for the great feedback! I highly appreciate it 🙂🔥

Hi there. Glad to know it helped and thank for the great feedback! I really appreciate it 🙂 To your question - I suggest you create an interactive component, having one variant with the main hexagon, text hidden, other hexagons below it, hidden of course. The second variant, hexagons are placed around it (if i understood the wanted result) and with the text on it (on the main one). Create the interaction between these two variants. I hope this helps - let me know if any further help needed.

Thanks a lot for the great feedback! I really appreciate it 🙂🔥

Hi there 👋 Which options do not show on your Figma? Please explain

Thanks a lot Tammana for this really great feedback! I highly appreciate it and happy to know that i also (maybe) put a smile on face - very happy if so 🙂🔥

Hi there. You need to make the slot (lets say a frame) a component and put an instance of it inside the card component, one or a few. Give this instance (the place holder for another component) an "Instance swap" property (i dont know if it was that time that i created the tutorial, i guess no) and you can decide with which instance to swap it. Side by side or Up and down (Horizontal or Vertical) is totally according to what you need. Each case to itself - there isnt a rule for this. I hope it helps 🙂

Your are most welcome! Thanks a lot for the great feedback 🙂 I highly appreciate it 🔥

Thanks a lot for the great feeedbacl Faruk! I really appreciate it and happy to know it was helpful 🙂🔥

Hi Mousa and thanks for the great feedback! I really appreciate it 🔥 You can take the background shape (the one i am moving), put it in its own frame, that can be with its own clip content, and basically thats pretty much it - all the rest, you can do as i explained in the tutorial. Hope that helps :)

You are most welcome! Thanks a lot for the feedback - i really appreciate it 🙂🔥

Hi Sakshi. I guess that Figma updated since i did this tutorial, and you can find it on a small dropdown menu which appears where the "Gap between items" is. When you click on it, you will the "Auto" option. Let me know if that helps 🙂

@@YarivBE Thank you sir, but that does not help. I did try that before, but it just auto-layouts everything and does not maintain the gap between the nav bar, logo, and other components.

@@sakshigupta99 Hi Sakshi. Ok, so i guess that i will need to see some example to understand better - Can you share a file that demonstrates what you want achieve? Write me a comment there near the probelm you have to focus me on it.

@@YarivBE Hello, sir. What is your email address?

@@YarivBE Hello sir, Could you please share your email address with me so that I can send you the file?

I just found out I have to have more than one mode for the selection option to show up

Hi there. Thanks a lot for te great feedback! I really appreciate it 🙂🔥

@@refreshsportsstore Yes, exactly - when you create the modes, you get the selection of each mode

Yes, your are right. I have no idea why they don't fix it. It's quite annoying...

Hi there :) About the missing minutes, see the first comment (mine) there is a link to download the video for it. Something went won't there with the rendering of the tutorial and i completed it. Hope that helps. Thanks.

@@YarivBE hi thank you so much for the video first of all. However i have gone through and the only video i saw was the one for the image hover effect. if you would be so kind to reshare. that would be most appreciated, Also, if i could ask, would you be so kind as to make a short video about how to add more pages. i wanted to have 4 drop down menus, but my prototyping was really wonky and i cannot seem to prototype submenus to click over to another page from the dropdown

You are most welcome and thanks a lot for the great feedback 🔥 I highly appreciate it ad happy to know it was helpful :)

Hi there. There is a link to download the figma file with the tutorial's materials. Hope that helps 🙂

Thanks a lot for the great feedback! I highly appreciate it 🔥🙂

Happy to know that and thanks for the great feedback! I really appreciate it 🔥🙂

You are most welcome! Yes indeed, a very necessary option in Auto layout, giving the option to place elements inside an Auto layout but "Floating" above the other elements in it 🙂

Your are most welcome and thanks a lot for the great feedback! I highly appreciate it 🙂🔥

@@YarivBE I am grateful that your video enlightened me I can make the patterns in Figma like it. However, I am still beginner. I have to try how to make flower and star.

@@alisonchan7028 You are very welcome and thanks for your great second feedback 🙂 I really appreciate it. Creating vectors, in general, is quite easy and intuitive in Figma. If you want issues with it, feel free to write and I'll do my best to help :)

Thanks a lot for the great feedback! I highly appreciate it 🔥🙂

Thank a lot for this great feedback! I highly appreciate it and happy to know it helps and works 🙂🔥

Hi Piyush. Ok, i can make the video :) Not sure i fully understand about seeing the selected date on the other page - explain to me the case. Thanks.

@@YarivBE Thank you ! so I am designing appointment app , wherein i managed to create date picker, whatever the dates are selected i need that to appear on “my schedule appointments widget”. For example - if I select 5th April 2024, i want that to appear on next page , where in it says appointment confirmed for 5th April 2024

@@piyushpatil1299 Ok. I get it. I'll try to come up with a video that explains how to do that in next few days. You are welcome!

@@YarivBE thank you so much !

@@piyushpatil1299 You are welcome!

Hi. You can use FigMap. Try that - its quite the same :)

Hi there :) You can any of the option that are being opened to other screens. You can also make this an interactive component and change the text options to fit the screen you are placing it on (assuming i understood the question properly - let me know if i didnt).

Hi there :) I have this only in a Figma prototype, not in code 🙂

Thank you so much for the great feedback! I highly appreciate it and happy to know it's helpful 🔥🙂

Yep... bug is still there :) It just doesnt work, more than a year and there is no solution yet, unfortunately.

You are most welcome my friend! Happy to know it worked and i really appreciate the great feedback 🙂🔥

Your are most welcome friend! Happy to know it was helpful and i highly appreciate the mention 🔥 Thanks!

Hi there. In Adobe Xd there is "Stack" behavior for groups. It has a bit of the Auto layout behavior, which can cover some cases. Its far away from being efficient as the Auto layout in Figma, but maybe it will do the job in some specific cases. Hope that helps 🙂

Thank you I've tried stack but it only works in design mode but not in prototype mode. Can you help me with it ?

@@ingridnkouta3262 Hi there :) Well, i can try... Send me the file to yariv.be1@gmail.com, i'll see what if it can be resolved 🙂

🤣 Yes... Kind of choked there for a sec 🤣

Exactly :) SOme things changed in the Figma UI as well, but the functionality didnt. Constraints will be there when there is a top frame on any element, any vector or another inner frame. Hope that helps.

Hi there. In order to scroll the tabs, or lets say to show tabs scrolling horizontally, you can add it to the animation by creating tabs area which is longer than the screen width and animating the tabs area together with the tabs content. The same way tabs are scrolling. Hope that helps? Let me know.

Your are most welcome Dahana! Hairy your liked it and thank a lot for the great feedback! 🙂🔥

You are most welcome! And thanks a lot for the great feedback! I highly appreciate it 🙂🔥