Sorry this is a little bit to fast ... i did first try and it didnt work.. i found my mistake .. ( cliping was still on ) but it was 100% because of the speed.. anyway thanks i learned something
@@jonathanwaterworth Actually I have recently started my journey on becoming a ui ux designer and have been learning figma lately from RU-vid . When u dragged down cards it automatically changed the names that's where I didn't understand how the names got changed automatically.
@@arifuddin2681 Thanks for replying, congratulations on starting your journey! It's a feature within the newest figma update it uses ai to automatically name the items
Depends what they are using for development, you could give them a lottie file they could upload or they might have a solution using an animation library
Nice review my friend. I’m just getting into Figma and the one thing that drives me insane is when I want to increase for instance the size of a font by dragging instead of inputting a number. The little handle is so hard to get to appear. Not sure if they have some shortcuts for this but it’s one frustrating thing. Like I’m used to a slider or up and down arrows using other software. Other than that I’m enjoying using Figma. Again great video.
Oh man so true! That little slider is an 'easter egg' you have to explore to find it 😆 Doesn't fully help but if you click into the box you can use the arrows keys on the keyboard to bump it up or down :) or if you press 'k' that opens the 'scale' panel and you can change the size in there as well Thanks for the comment!
@rominafont5236 thanks, I've even building it out and refining it as I build more systems, hope to have more content about it or a finished file this year :) Are you hoping to use it to manage design system projects?
Click the variant within the component set, right click and click copy or drag copy holding down 'option' on a mac keyboard as you have the component selected Move it into your frame to show the preview Does that help?
*Note* Hi all, at 3:27, when you finish setting up the prototype settings, you need to drag a copy of the default version of your component onto your screen, this is the version that the interaction will play from, not the master component
You never said that you *drag-copied the 1st variant* for the preview. I had to watch at 0.25x speed to work that shit out. I got it working. But Figma is in my opinion un-intuitive and needs more background explanation. Or at the very least list all the steps clearly. Like I can't tell you how bloody painful it was getting this to finally work. Anyway, to any others who face the same block. the last step before the successful preview is to copy the 1st Variant aka the Default Variant in the component and that references the component or something.
Also I'm interested, with your comments around Figma, what do you use instead of Figma? And how did you try to make the interaction play without dragging a copy from the component set? (I just want to understand better so I can teach more clearly in the future)
@@jonathanwaterworth Thanks for responding. I’m a frontend developer and I've worked with designs from various tools including Adobe XD, Framer, InVision and Sketch. Each tool has its… quirks, but Figma has been particularly a PITA for me. To clarify my frustration: 1. The concept of auto-layouts in Figma feels unintuitive, especially compared to the more straightforward layer management in other tools. 2. Components in Figma often seem messy and difficult to manage (IMO), which complicates the design process. 3. I’ve seen that running prototype previews can be buggy and unpredictable at times, I might have even succeeded at this marquee before I realised it because the preview sometimes doesn’t even load the animation. I understand that every tool has a learning curve, but these kinds of issues significantly waste so much time. So, your tutorial was helpful and I don’t want to knock the current good, succinct, quality that it is, the step about drag-copying the first variant for the preview wasn't clear. Including all steps explicitly would really help others who might face the same blocks. I appreciate you actually confronting me about my fury though. In the moment I wanted to vent but now I’ve taken a breath, I hope this feedback is helpful.
I have the same problem, there is one step that i'm missing before you copy/paste or drag and drop the text box to see later the results on the preview screen... :(
It's been something I've been learning recently, seems very powerful once you get your head around it! Will have some videos eventually with how I've been using it
Hi! I followed your directions and placed five different accordions on an overlay to act as a filter page (auto layout applied to both accordion and the overlay). The overlay scrolling is set so that the overflow scrolls vertically. But when I click any one filter accordion button open, I'm unable to scroll through to see the rest. Do you know what my issue could be? Is it because it's an overlay and not the full sized prototype?
I am feeling like I am the dumbest girl in the world because I've already done this like a thousand times even naming everything the same but it just doesn't work
After prototyping the text how did that preview been selected that the third text line i'm not able to do that i get it as text scroll/ variant 3 could you please me out with this!!
Not sure if I'm doing something wrong here, but is there a way to do this but then when you get to the point where your container is less than 250px (ie all of your blocks are now stacked vertically), remove the min width so the blocks can be completely fluid with the container width (which is less than 250px at this point) ?
Thanks for the question Veronica! I'm happy to be proven wrong if it there is a way, but I don't think there is, because you need the min size for it to do the stacking, but I don't think you can remove it half way I'll try have a look, but don't think it's possible currently in Figma