A place for nuggets of content on Design, creativity and psychology.
Lear more about UI/UX design, Research and Psychology with simple and quick content! Here you find tutorials and theory videos related to these fields.
My components just don't work at all. Checked everything, reinstalled figma. So frustrating.
@mindesigning54688 күн бұрын
Hey. What exactly you're trying to do?
@Nightwork-uh8dw6 күн бұрын
@@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!
@ibrahimelshazly48888 күн бұрын
Well how do i get it back
@mindesigning54687 күн бұрын
Just release the space bar
@Pei_Family.0019 күн бұрын
Thanks ❤
@mindesigning54683 күн бұрын
You're welcome 😊
@ufufu00111 күн бұрын
thank you so much my king. this is really good
@mindesigning54688 күн бұрын
Thanks!
@laptopworm2313 күн бұрын
THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU I have been searching for this for a realllyyy long time
@mindesigning546812 күн бұрын
You're welcome! Remember to share 😀
@MAORRR15 күн бұрын
Thank you! Appreciate it a lot
@mindesigning546812 күн бұрын
Glad to help! Share it away!
@leylamusazade9723 күн бұрын
Thank u very much, you explained it very easy but i cant add this video to my playlist, why?
@Kaze7070723 күн бұрын
This is much better explanation than my mentor in bootcamp 😢.
@mindesigning546821 күн бұрын
Glad to help! Share it away
@AdnanAli-gv3ze28 күн бұрын
it's amazing content very helpful ❤❤❤
@mindesigning546828 күн бұрын
Glad it was helpful!
@AdnanAli-gv3ze28 күн бұрын
it's amazing content very helpful ❤❤❤
@rodolfolorote9059Ай бұрын
Are you Brazilian?
@celeste.1995Ай бұрын
great tutorial. thank you
@statusquorejectАй бұрын
ARC is not free, it only allows a few uses per day unless you pay for a subscription and it doesn't work well enough to justify paying for it
@HobyVanHoose28 күн бұрын
I agree, it's not worth $2 per month unless this is what you do every week.
@goreintoshАй бұрын
Figma balls
@manojn5463Ай бұрын
Thank you you saved me
@mindesigning5468Ай бұрын
Glad to help! share it away
@strivieitАй бұрын
How about the items in the Action column? Are they still clickable on prototype since there is a layer above it?
@mindesigning5468Ай бұрын
Yes. That's bacause the cell are above the hover rows. That's why we have to remove their background
@unapizcadefranАй бұрын
Hi, thanks for the tutorial! I have a question, is it possible to add more rows? without adding them to the original column component?
@mindesigning5468Ай бұрын
You can never add content to a component , just remove them. What you can do is add to the original and set the visibility (eye icon) to off. So You can turn on just when you need them. Hope this helps
@valerieosawe-edoh86092 ай бұрын
Help please, what app or software did you use to open the PDF file and export it in PNG format??
@mindesigning5468Ай бұрын
It's the mac native previewer. Hope it helps
@marosbencik8152 ай бұрын
My vectors kept getting blurry after exporting the files. This has been most helpful, thank you so much!!!!
@BayMax5702 ай бұрын
don't work bad video ever
@yaroskrasseofficial2 ай бұрын
Thank you so much! This advice really helped me.
@user-pr9lc4fq7b2 ай бұрын
why you use "dot" between text? do without "dot"
@user-pr9lc4fq7b2 ай бұрын
bakwas not working in April, 2024
@vicez_2 ай бұрын
Thank you so much, I had an issue with instance properties not displaying correctly for the Hover variant and it was due to a layer having a different name. Big help!
@who0o0o0o2 ай бұрын
I just watched video about circular text in figma and I made it so fast! You're explaining so clear, thank you so much, record more videos about quicksteps in figma!
@mindesigning5468Ай бұрын
Thanks, stay tuned and share it away!
@who0o0o0o2 ай бұрын
I made it! Thanks a lot, so clear explanation!
@parasmistry13463 ай бұрын
Can I use overlay animation for dropdown however I also want to showcase the selected option.
@mindesigning54683 ай бұрын
Not sure I get your question, you want to click the select element, show the dropdown menu, and make the selection reflect on the table, is that it? You can do that with variables
@palanimathi44933 ай бұрын
Great, I have one question could you please explain, is this possible to give a hover effect for the entire row?
@mindesigning54683 ай бұрын
Will do
@RichardPascual-sn4qn3 ай бұрын
Thank you for this video. How would you vary the amount of line items in the final component created?
@mindesigning54683 ай бұрын
You can't add elements to a component, only remove them. So I suggest the columns with all the cells you need and just delete them when not needed
@ApurvaDomane3 ай бұрын
How you exported pdf to png? are you using any application?
@mindesigning5468Ай бұрын
The default previewer form mac
@gooddeslex3 ай бұрын
Great way! Thnx a lot!
@fawadslifestyle49803 ай бұрын
while exporting as a pdf format you get selection borders exported too which ruins the mockup if you later convert it to png it won't go away so I did say it's not Helpful btw thanks
@shnaishnfx3 ай бұрын
Helpful Bro Keep going,
@Iammrtaiwo3 ай бұрын
super clearrrrrrr... thank you so much
@heartnsoul33574 ай бұрын
I was trying to export a copy of a figma image file from another. I went back to the original and exported it. It was better--not great--but better. In another instance, I pasted a file into Figjam and exported from there. That worked! It did not work the second time, however, and I went down another rabbit hole, probably bc it was a copy, and I didn't know it. I tried your method, but there was no way to export or convert pdf. Only Chrome was showing, so no way to export or convert the pdf.
@Maverick_78214 ай бұрын
🤔👍
@designwithkm4 ай бұрын
I have completed the steps as instructed, but the text appears to be in reverse order. Could you please guide me on how I can fix it?
@mindesigning54684 ай бұрын
It's difficult to tell without context, but on thing you can try is having 4 steps, and rotating 90 degrees each. Remember to keep same layer names. Also, you can share the file with [email protected] if you want
@designwithkm3 ай бұрын
Sorry for the delay in my response. I fixed the issue by changing -90 degrees to 90. Thank you for your time.
@amandha-jmj4 ай бұрын
I'm facing a different problem, I have a component that's like a button, and it has a fixed width, and I animated to have a variant where it's the same, the only thing that changes is the color fill. I animated to hovering it but the frame where I put its instance, has a width smaller than the component father, so I resized it. But when I hover, the hover variant comes back to its original size, bigger, is the father component.
@mindesigning54684 ай бұрын
Did you set the size to fixed on the main components or on the instance? I may be it.
@JohnRodrigues.4 ай бұрын
Thank you, this is very helpful
@skeche4 ай бұрын
dude this was perfect no bullshit and only 5min
@fernandopaiva41004 ай бұрын
Great!! but how can i put a horizontal scroll and keep the table responsive? Can you show how to do? Thank you !!
@mindesigning54684 ай бұрын
Can you elaborate on that? Not sure I got it.
@fernandopaiva41005 ай бұрын
Can you can put this component to download please? IT'S possível?
@mrajax_01015 ай бұрын
It doesn't work me, and it's worse than before idk what's the problem
@fabionor84215 ай бұрын
Por algum motivo não consegui......fiz as etapas, mas, acabou serrilhado do mesmo jeito, infelizmente!
@mindesigning54684 ай бұрын
Mas quando tu exporta em pdf fica bom? Se não, talvez o problema seja na resolução do teu conteúdo original.
@CharlBrazle5 ай бұрын
This totally fails when texts grow on multiple rows. Then all other columns/rows will be misaligned :(
@jkdubb4 ай бұрын
That seems to be the unsolvable problem. Hope someone figures this out. Maybe a future figma update specifically for tables.
@mindesigning54684 ай бұрын
You can create a variation of the basic components with the height set to “fill” or “hug” and change them accordingly. Set your text column to a block formatting. Hope it helps!
@stusmith12015 ай бұрын
my components wont show layers inside? They are flattening!
@user-rd8wu5zp5c5 ай бұрын
you saved me! thanks you because It's all that I need in a simple and clear video, best!
Пікірлер
Thanks for the best tutorial for tables ever!
you are the best!
My components just don't work at all. Checked everything, reinstalled figma. So frustrating.
Hey. What exactly you're trying to do?
@@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!
Well how do i get it back
Just release the space bar
Thanks ❤
You're welcome 😊
thank you so much my king. this is really good
Thanks!
THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU I have been searching for this for a realllyyy long time
You're welcome! Remember to share 😀
Thank you! Appreciate it a lot
Glad to help! Share it away!
Thank u very much, you explained it very easy but i cant add this video to my playlist, why?
This is much better explanation than my mentor in bootcamp 😢.
Glad to help! Share it away
it's amazing content very helpful ❤❤❤
Glad it was helpful!
it's amazing content very helpful ❤❤❤
Are you Brazilian?
great tutorial. thank you
ARC is not free, it only allows a few uses per day unless you pay for a subscription and it doesn't work well enough to justify paying for it
I agree, it's not worth $2 per month unless this is what you do every week.
Figma balls
Thank you you saved me
Glad to help! share it away
How about the items in the Action column? Are they still clickable on prototype since there is a layer above it?
Yes. That's bacause the cell are above the hover rows. That's why we have to remove their background
Hi, thanks for the tutorial! I have a question, is it possible to add more rows? without adding them to the original column component?
You can never add content to a component , just remove them. What you can do is add to the original and set the visibility (eye icon) to off. So You can turn on just when you need them. Hope this helps
Help please, what app or software did you use to open the PDF file and export it in PNG format??
It's the mac native previewer. Hope it helps
My vectors kept getting blurry after exporting the files. This has been most helpful, thank you so much!!!!
don't work bad video ever
Thank you so much! This advice really helped me.
why you use "dot" between text? do without "dot"
bakwas not working in April, 2024
Thank you so much, I had an issue with instance properties not displaying correctly for the Hover variant and it was due to a layer having a different name. Big help!
I just watched video about circular text in figma and I made it so fast! You're explaining so clear, thank you so much, record more videos about quicksteps in figma!
Thanks, stay tuned and share it away!
I made it! Thanks a lot, so clear explanation!
Can I use overlay animation for dropdown however I also want to showcase the selected option.
Not sure I get your question, you want to click the select element, show the dropdown menu, and make the selection reflect on the table, is that it? You can do that with variables
Great, I have one question could you please explain, is this possible to give a hover effect for the entire row?
Will do
Thank you for this video. How would you vary the amount of line items in the final component created?
You can't add elements to a component, only remove them. So I suggest the columns with all the cells you need and just delete them when not needed
How you exported pdf to png? are you using any application?
The default previewer form mac
Great way! Thnx a lot!
while exporting as a pdf format you get selection borders exported too which ruins the mockup if you later convert it to png it won't go away so I did say it's not Helpful btw thanks
Helpful Bro Keep going,
super clearrrrrrr... thank you so much
I was trying to export a copy of a figma image file from another. I went back to the original and exported it. It was better--not great--but better. In another instance, I pasted a file into Figjam and exported from there. That worked! It did not work the second time, however, and I went down another rabbit hole, probably bc it was a copy, and I didn't know it. I tried your method, but there was no way to export or convert pdf. Only Chrome was showing, so no way to export or convert the pdf.
🤔👍
I have completed the steps as instructed, but the text appears to be in reverse order. Could you please guide me on how I can fix it?
It's difficult to tell without context, but on thing you can try is having 4 steps, and rotating 90 degrees each. Remember to keep same layer names. Also, you can share the file with [email protected] if you want
Sorry for the delay in my response. I fixed the issue by changing -90 degrees to 90. Thank you for your time.
I'm facing a different problem, I have a component that's like a button, and it has a fixed width, and I animated to have a variant where it's the same, the only thing that changes is the color fill. I animated to hovering it but the frame where I put its instance, has a width smaller than the component father, so I resized it. But when I hover, the hover variant comes back to its original size, bigger, is the father component.
Did you set the size to fixed on the main components or on the instance? I may be it.
Thank you, this is very helpful
dude this was perfect no bullshit and only 5min
Great!! but how can i put a horizontal scroll and keep the table responsive? Can you show how to do? Thank you !!
Can you elaborate on that? Not sure I got it.
Can you can put this component to download please? IT'S possível?
It doesn't work me, and it's worse than before idk what's the problem
Por algum motivo não consegui......fiz as etapas, mas, acabou serrilhado do mesmo jeito, infelizmente!
Mas quando tu exporta em pdf fica bom? Se não, talvez o problema seja na resolução do teu conteúdo original.
This totally fails when texts grow on multiple rows. Then all other columns/rows will be misaligned :(
That seems to be the unsolvable problem. Hope someone figures this out. Maybe a future figma update specifically for tables.
You can create a variation of the basic components with the height set to “fill” or “hug” and change them accordingly. Set your text column to a block formatting. Hope it helps!
my components wont show layers inside? They are flattening!
you saved me! thanks you because It's all that I need in a simple and clear video, best!
Thank you bro, your tutorial is very helpful