If I want to use this method but make hover instances, how would I do that, because once they become components you can't adjust the height. I have been trying to figure this out for hours so if you have any ideas!!!
@mindesigning546821 күн бұрын
Could you clarify what specific hover effect you are looking for? Regarding changing the height of the bars when it’s a component, you can accomplish that by setting the height of each bar as a variable and adjusting their values in the variables panel.
@DineshKumar-gy5yh23 күн бұрын
Bro i have this problem in figma, where i created a toggle component for switching between the frames ( for ex: General & Requests property names for toggle component and the Tap-in animation ) after i placed instance component in the respective frames and when i try to add switching frame tap in interaction in the instance...it shows error. Like i can switch the screen but I can't play the micro interaction which i added in component
@NuzhatRwd27 күн бұрын
Thank you
@ЮлияКузнецова-к7уАй бұрын
Amazing approach, super helpful, thank you a lot!
@amirataha4952Ай бұрын
Valuable, short, straightforward. I hope if you can build variables for it and linking them to control how many bar, auto fill animation after delay,.. to make the component more advanced.
@leyetemiАй бұрын
Thank you for this
@mindesigning5468Ай бұрын
You got it! Share it away
@thallesrigobelloАй бұрын
Se esse sotaque não for de Brasileiro não sei mais nada
@igorgardiniАй бұрын
Thanks man! That's exaclty what I was looking for!
@paulinho5155Ай бұрын
helped me a lot sir thanks
@KannanC-z7d2 ай бұрын
Excellent ! in 5 min you taught me a lot
@mindesigning54682 ай бұрын
😉
@nicodishiznit2 ай бұрын
Is the 2nd technique more efficient and doesn't have any issues? Coz I have a project and made a lot of tables and the 1st technique feels more work to do on my situation.
@mindesigning54682 ай бұрын
It depends on your needs, if just for demonstration, the 2nd works fine, but the multiply effect affects all the content of the row, not just the background. Both are workarounds, but the 1st one is more effective and efficient. If you use atomic principles and base components for your table, it should not be that much work
This approach wouldn't work if I have a cell that spans 2 rows or columns
@Digital_Paola3 ай бұрын
Thank you! I just try it but has some bugs and you have to pay to use it. At the end I had to create it in Illustrator make the text vector and then copy and paste in Figma
@stacybeen37713 ай бұрын
great! thanks a lot!!!
@suniljadhav18893 ай бұрын
Great help...Thanx
@suniljadhav18893 ай бұрын
Really helpful...Thanx
@PUK1SVA3 ай бұрын
But this method has a flaw, you can't make whole row hover state for example. Isn't making rows a better approach? Also changing number of rows is hard.
@mindesigning54683 ай бұрын
For layout purposes, you can show the hover state by changing one cell on each column. You can go for a row approach, but its trickier considering responsiveness, I wouldn't recommend it. As for the hover state for prototyping purposes, there's is no perfect solution but I have a lesson on that too: Mastering Row Hover Effects in Figma: A Step-by-Step Guide kzbin.info/www/bejne/q6OvpJ2uiM2Uf7M
@jalengonel4 ай бұрын
You saved me so many hours. I can't believe i did this manually before. You are amazing!
@mindesigning54684 ай бұрын
@@jalengonel happy to help!
@genevieveanyanwu4404 ай бұрын
Very very helpful Thank you
@mindesigning54684 ай бұрын
@@genevieveanyanwu440 Happy to help! Stay tuned and share it away 🙂
@mindesigning54684 ай бұрын
@@genevieveanyanwu440 happy to help! Stay tuned and share it away
@timknight41864 ай бұрын
Thank you :) I have been trying to work this out for a loooong time.
@mindesigning54684 ай бұрын
@@timknight4186 happy to help! Share it away
@dongshenli26284 ай бұрын
1:29 you jumped straight into having frame 5 expanded to the whole frame without explain how that was done
@dongshenli26284 ай бұрын
I think you missed explaining one step
@dongshenli26284 ай бұрын
I wonder why mine is not working, the subjects were not shrinking whilst the sidebar expands
@dongshenli26284 ай бұрын
Oh got it, my “fill the container” was not properly set
@Dupdopy4 ай бұрын
Great tutorial! In one of the projects a table needed expandable rows and in-line editing. Was a nice challenge. Perhaps and idea for a new video =)
@dumpsterraccon12114 ай бұрын
Is possible do this with multiple elements?
@troostmarco4 ай бұрын
Doesn't work for me...
@Toodoi4 ай бұрын
What do you mean? this doesn't work at all. You can't just drag pic icon around inside the frame without assigning an on drag action.
@marinetg3 ай бұрын
I thought the same thing, but then there was some random magic and it ... worked. Just follow the instructions (as unclear as they might seem) closely and it will just... work.
@mindesigning5468Ай бұрын
You are not actually using a drag interaction, you're scrolling the frame, and that gives a sense of dragging
@CBConstruction-v5c4 ай бұрын
Thanks man!
@3rdtwirl4945 ай бұрын
Is it flattened ?
@ricardodesirat25905 ай бұрын
Great video! One tip back.. if you press "s" while dragging some element, it won't snap to anything. Great for fine tuning.
@SehrishMoujahid5 ай бұрын
man you earn a subscriber
@fidibspgaming44285 ай бұрын
i have a problem because many object inside main frame, so after i change scroll in the pin frame, the main frame following the setting
@mindesigning5468Ай бұрын
Yes, it works for one item only.
@bruhmoment37315 ай бұрын
it's baffling to me how a program with such bad UX is the industry standard
@cp3onmtv9635 ай бұрын
Great tutorial! Simple and straight to the point. Subscribed!
@cp3onmtv9635 ай бұрын
I’m learning a lot from your vids, but please add the ability to change speed to your videos because you talk too fast! Thank you
@mindesigning54685 ай бұрын
You should be able to change the playback speed just fine like in any other video. But thanks for the feedback, I'll take that into consideration for the next ones
@forhao5 ай бұрын
Thank you for showing the worst plugin and wasting my time
@irisgreen91846 ай бұрын
First - many thanks! this is a great video. Clear and short. it changed entirely how I built a table and solved the issue of having a columns sized as the content in cells. Same questions as below: how do you add states such selected and hover? do you need to duplicate each cell for that? use variable? and how you add rows in a quick way that does not requires adding a row to each column? maybe it's better to first create one row from all columns (suggested below also), and duplicate it instead?
@mindesigning54686 ай бұрын
@@irisgreen9184 Hey, lots of good points. As for the states, it depended on the effect you want to apply, but yes, you can create variants os use variables to change the bg on hover for example. I have this tutorial on prototyping that may help kzbin.info/www/bejne/q6OvpJ2uiM2Uf7Msi=2PC2tjxX6mIqq4oM As for the amount of rows, its done mannualy, my suggestion is creating big columns and deleting the cells you don't need, but you can add component properties to the visibility of the column cell to toggle them on/off (I will explore this in a new video if it works properly, thanks for the idea)
@robertuscahyomartanto1226 ай бұрын
Thank you this is so help full
@richardbanks87786 ай бұрын
You're amazing man
@SP-xx7ul6 ай бұрын
Should not the text (body) be aligned with each grid?
@guilttrip29786 ай бұрын
Thank you so much, that was exactly what I was looking for. You safed a design students pre-diploma with this video!
@mindesigning54686 ай бұрын
Been there haha Happy to help!
@elisauiloa21616 ай бұрын
Thanks for the best tutorial for tables ever!
@gizemusta83936 ай бұрын
you are the best!
@ImaPsychcat7 ай бұрын
My components just don't work at all. Checked everything, reinstalled figma. So frustrating.
@mindesigning54687 ай бұрын
Hey. What exactly you're trying to do?
@ImaPsychcat6 ай бұрын
@@mindesigning5468 I'm trying to do simple hover card. I've checked everyting I could, it shouldn't be so complicated to do, I think it's more of a bug than a skill issue... Btw, thanks for the response!
@mindesigning54686 ай бұрын
@@ImaPsychcat Been there...These hover issues are not uncommon, It can be trickier than it should be. If you can share the file, I can take a look
@ImaPsychcat6 ай бұрын
@@mindesigning5468 Oh, I've looked it up and it works somehow! Did you do something? Okay, now I know that it turns out I did something wrong, idk whether it was you who hepled me, anyway, thank you very much xD