- 5
- 58 312
Designers Guide with Chris Adolphus
Nigeria
Приєднався 4 вер 2019
I talk about all things relating to design, webflow and tech generally
Tutorial: Design phone mockup in Figma without plugin
In this short tutorial, I will be showing you how to create phone mockups in Figma without needing any plugins.
Переглядів: 1 177
Відео
How To Create Tinder Card Swipe
Переглядів 2782 роки тому
In this very short tutorial, I'll be showing how to create the tinder card swipe interaction using the Figma design tool. After this tutorial, you should be able to easily create card swipe interactions using Figma.
How To Create Hover Effects On Figma
Переглядів 3532 роки тому
In this 2 mins tutorial, I'll be showing you how to easily create a seamless hover effect on Figma.
How To Create Drag and Drop Interaction On Figma
Переглядів 56 тис.3 роки тому
In this very short tutorial, I'll be showing how to create a basic drag and drop interaction using the figma design tool.
How To Create Horizontal Scroll On Figma
Переглядів 2303 роки тому
This is a short video that teaches another method of creating horizontal scroll effect on figma. You can also create the horizontal scroll by using the horizontal scroll feature on figma directly.
thanks man🤩
Thank you, that was helpful
Thanks! Very helpful
Thx, I love it, it is short and helps me a lot for my job!
Is there an English version of this video. I can’t hear and I can not understand the accent.
What language is this?
thankyou!
how did you people understand his voice? holy heck ...
I was thinking that I was the only one, god
Awesome tutorial.. make the copies sequentially, like screen1, then copy 1 to make 2nd, and copy 2nd to make 3rd. Then tweak 1st card in second screen. Then move the position of 1st card on last screen as 4th card. This way figma will remember what to animate.
Really helpful, and saved me in the nick of time. Really appreciate it !
I feel for your keyboard 😂. Such aggressive tapping
awesome tutorial - short and sweet. thank you!
Exactly what I needed, thank you!
Very detailed thank you
Watson Joe? really
You make it look easy. 👍
Thank you for this. I like that you went straight to the point and are really concise. The volume is a little low though, maybe the audio could be improved in subsequent videos. 😸😸😸
Thanks Boss 🚀
Thank you Chris....
Easy peasy. 👌🏾 thank you.
This is great. Can't wait to try it out
Let's Goooooo! 💪🏽
nice
Thank you!
Great One Chris! Just subscribed and I'm loving it
Thank you
thank you!!
Great tutorial! Thank you! Wasn't expecting to be able to learn it in just 2mins!
graaaaaaaciaaaaaaaaaas!!! te mereces un like. suscripción y compartir! <3 <3 <3
Wow, many thanks!
Smart way to hack it but its not real responsive drag and drop because user can't drop it in other places. @figma please support real drag and drop
It may be why Figma call this product "Prototyping" instead of a no-code builder
I have actually a problem with doing the drag n drop. It works fine for the initial animation but when I'm dragging it. It just instantly switches order without the 'hovering/dragging' animation. I have everything set like you do. Smart animate where it's suppose to be. Do you have any idea what might be wrong?
same problem here
@@KingNLGames I got the answer. Since I was moving objects that looked exactly the same instead of actually changing the position of the frames themselves I was actually editing different frames so that they would look like the ones I wanted to move. So the solution is to actually move the frame you want to move on the last screen instead of creating a new frame that looks identical :) I hope this will help you ;)
@@mywayforum yeah i found that out too hahaha, i hate figma for prototyping but i had to use it for school.
My issue wasn't that my two objects were different objects or had different names - the problem was I nested the object inside a group, two different groups actually: one group in the first start frame and moved it within another group in the destination frame. This was the problem. If you want to have the drag animate, make sure the element you're using as the trigger is not nested within a group either in the start frame or the end frame.
,@@sds_net It's not even working for me if I had to ungroup everything :( @DeeN23
Your tutorial is the only one I found that was helpful. Thank you!
Awesome! Could you share the project?
I got here from twitter. watched some of your videos and you have cool content. There is an easier way to achieve this (I just learnt it also). You put the thumbnails (as many as u want) in individual frames and then group all of them in a frame that spans the width of the screen. Switch to prototype tab and then check the horizontal scrolling box.