#text animation in figma #help
1 messages Β· Page 1 of 1 (latest)
Hey @rotund sonnet! are you trying to have this for a design or you want to have it in your code?
I think in design it might be a bit tricky to do, but could be doable. I would probably use scrolling and masking the second text. But not a 100% sure without experimenting a bit first. Someone else might have a better idea on how to achieve this
and if you need it for coding, what language are you using?
i'm making my own portfolio and i want to put this " Text Effect " inside my web design..
Is It Better for me to do inside Figma, but if there is any Tutorial, i can also do It with coding but After i Need It to put inside figma
Oh okay, so your portfolio is being made in figma?
Yeah
I could make this, but for it to work in prototype mode will take an extra step
It might be a bit inconvenient to do though, because there is no interaction to follow a cursor.
Yeah could be this, but We can not make interaction to cursor in figma? π€π΅βπ«
No, you can try to simulate dragging a layer on top of it in a tricky way. But thats probably the best you can do
I would suggest to try to keep your figma portfolio simpler or at least just try to make it simple at first so you could start using it and applying for jobs asap.
You can then start adding easier animations to it. But if you want to have animations that are based on your cursors's movement and stuff I would suggest to try finding a way to have it as an actual website as that could be easier to do
i found a way to do It but not with the over text..
Also, if we can't use the follow cursor i don't think i can use It inside the website..
Cause probably i have to "link" the eclipse to the cursor..
yeah i would imagine that you need to use scrolling / dragging to make it work but its pretty tricky and tbh im not sure if its worth for a portfolio on figma
Yeah because i want to create a responsive website , but the idea could be to do the simple design of my portfolio on figma and then add the animations and 3D models like for example in Dora?
i'm also looking to understand the Three.js & React Languages, to be able to make more interactivity in my website
Like this one for example
This is the website in the video
monopo.london
i think it could be possible, maybe "attaching" the eclipse to cursor and put others text above using some codes in React or Three.js and then import back to figma?π΅βπ«π€·π½ββοΈ
Because there Is no option in prototype to attach the eclipse in live mode, i can do only while in editing
I think maybe making something like this would be easier if you used some kind of CMS unless if you already have some coding background. Otherwise it might take a long time for you to be able to make this
It also depends on how soon you need the portfolio. For example if you need to find a job soon, I would suggest to make something easy so you could use it asap. I would also say that the content is more important than a look. For me a simple webpage that is good content wise is much more valuable than a webpage that is complex with a lot of flashy things but the content is not very good
Also too many animations and stuff can actually make it a bit too overwhelming imo
that looks like the same animations that https://cuberto.com/ has, its called "mouse follower" and fun fact, coding it is very much easier, and im sorry they dont give the tutorial of the mouse follower design too, but maybe you would like to check their other design tutorials for your portfolio. they have some amazing tutorials that you can follow
https://cuberto.com/tutorials/
^ the design courses that they have are on youtube so they are free π
At the moment i'm in italy, i born here, but on August 17 i Will leave for Australia..
So i'm not in a hurry, but in the same time i want to create something personal by entering my various works and have a portfolio to present..
i think Is more personal than for a job ahaha i made different e-commerce so i can put inside..
I mean, my portfolio Need to be special right ? π
π
I'll take a look at his tutorial, i see some interesting things here ahaha
Your help Is Amazing guys, thank you so much ππ
Keep me updated if u want for this type of animation or designs please πͺ
No problem im glad im able to help 