Typing Effect Animation Generator
Generate realistic typewriter-style text animations interactive prototype component.
Plugin Preview
About this plugin
Create realistic typing animations instantly. Select a text layer, import it, and the plugin generates a complete component set with each character as a variant, fully wired with prototype interactions, ready to play.All your data stays local, nothing is sent to any server. Free forever for the Figma community.What makes it differentPreserves your text styles: imports font, color, size, width, line height, and letter spacing directly from your selected layer. No re-styling needed.Per-character delay control: Set exact milliseconds between each keystroke for natural or fast-paced typing effects.Adjustable frame padding: control the spacing around your text inside each variant frame.Cursor toggle: add or remove a blinking cursor character for a realistic typewriter feel.Loop or play once: choose whether the animation stops after one pass or repeats continuously.Spaces included: blank spaces get their own variant step, so the typing rhythm feels authentic.Zero manual wiring: every variant is auto-connected with "After Delay" prototype interactions. Just hit Play.Perfect for chat UIs, AI response animations, form input demos, onboarding flows, and terminal-style text effects.
Plugin Details
| Version | 1 |
|---|---|
| Created | March 1, 2026 |
| Last Updated | March 1, 2026 |
| Category | Prototyping & animation plugins |
| Creator | Pushkar Joshi |
| Stats | 22 installs, 0 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Prototyping & animation plugins category.