Skip to main content

Hello,


I’d like to animate a text input box, as if the user was typing something.

See this gif for example: Dropbox - hello.gif - Simplify your life

(I just want to animate the text, not to allow the user to really type something).


I can’t find an easy way to do that.


Do you have any idea?


Thanks for your help

Matt

There is no easy way to achieve this, but you may find this interesting:

twitter.com

Thanks Andrei. But I believe that’s a sort of “real” text input. I just want to animate a text actually, letter by letter.

The only way I found to do that is to create one overlay per letter … which is fastidious …

I don’t think you can achieve this in Figma, unfortunately.

@Gleb made something similar to animating an input field with this: https://figma.fun/iIT6TI


I have no idea how it’s made, though. ☹

bad luck. Thanks anyway for your help!



Figma auto type text Animation



do you mean autotype animation as in this video ?

imo it’s not explanatory enough cause i’m still struggling with it. Please if there is any tutorial video out there on autotype text animation, please tag me.

Dear OP, by now you probably have moved on to a different project, a new role, or even transitioned to a different company. But for others who have a similar question, you may want to rely on this fancy component: https://www.figma.com/community/file/1208421254882127749

Terms & ConditionsCookie settings