How To Change an Image Inside a Component on Figma
Ғылым және технология
If you've been struggling with editing images inside a component, here is how you do it in Figma!
Follow me on instagram:
/ _mindesigning
Behance:
www.behance.net/iagobarbosa_
Dribbble:
dribbble.com/IagoBarbosa
Don't forget to hit the thumbs up and subscribe! And remember #neverdetach
Пікірлер: 38
this was so helpful! I've been struggling with pasting things incorrectly for months! I finally know how to do it properly!
voila one of the best videos on figma, better than most of the 10 min videos.
Dude you just saved my final thesis, thank you so much!
It works!!! Thank you so much.
Thank you bro, your tutorial is very helpful
thank you very much, saved me from headaches :D
Thank you so much!
thanks! I've been having this doubt for some time now and was always too lazy to watch long videos hahaha you saved my life in 1:50 thank you so much
@mindesigning5468
Жыл бұрын
De nada! 😊
OMG Thank you so much! It really helps me alottt!
@mindesigning5468
Жыл бұрын
you're welcome! :D
thank you so much!
great tutorial. thank you
THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU THANKYOU I have been searching for this for a realllyyy long time
@mindesigning5468
Ай бұрын
You're welcome! Remember to share 😀
Can use a vector instead of image?
Thank you
fck it took me an hour, then gave up. Thanks to you I found this
thank you!!
@mindesigning5468
Жыл бұрын
you're welcome
u just save my life!😂
Thank you!!
@mindesigning5468
Жыл бұрын
Glad to help!
Thank you you saved me
@mindesigning5468
2 ай бұрын
Glad to help! share it away
I don't know if you'll see this, but if I change the image it still reverts to the same one when prototyping (i used hover and it showed the original one). Do you know how I could fix this? it's such a common problem for me too
@mindesigning5468
Жыл бұрын
Not sure I get it... but the image layer has the same name for both of you component variants? This video may help: kzread.info/dash/bejne/fnmB06mdcc7ggJM.html
it works nicely in the initial variant but if I want to make a hover variant and change the picture's behaviour (darker, bigger), it shows only the first picture placed in the hovered behaviour when I run my prototype..
@glass1098
8 ай бұрын
Did you manage to do a workarround?
@iH2O
7 ай бұрын
make image fill one in both normal and hover and make sure its in same frame, to make it darker just add another frame on top of it in both again and make it black and have 20% or 40% transparency and for bigger one just change size of the frame.
@MarkWhiteartist
6 ай бұрын
same issue
@nizarmenai-tt4es
2 ай бұрын
@@MarkWhiteartist this is 3 months late but there is a hack around it, you have to put the image from the fill option, so download the image as PNG and manually choose it
Figma needs to make this more intuitive. It shouldn't be this complex. THX!
my components wont show layers inside? They are flattening!
This is so unintuitive! How do you move and adjust the image that's just been pasted into the instance??
@mindesigning5468
Жыл бұрын
The image will take the object container space. If you want to edit the photo you can click on the fill propriety with the image and change to crop, fit or whatever you need. (If you keep clicking the image it will pop the same menu as well).
It's cmd+option + C it's not cmd c, this tutorial is wrong!
@waffletube5707
7 ай бұрын
To be clear, on mac, cmd+option+C to copy source image fill, and cmd+opt+v to paste with image to be replaced selected (you'll see your cursor turn into the double arrow/duplicate icon when you're doing it right). The only way for me to get this to work. It's kind of insane how unintuitive this is. 12/25/2023