I run a YouTube channel and I kept wanting those cute, jittery, analog-feeling doodle text title cards you see all over socials. But making them meant the iPad, or After Effects, or fiddly custom plugins too much friction every time. I also wanted it in my own handwriting, from my own hand.
So for the Config Makeathon I built scribble (https://emit-cling-97840637.figma.site/) ā you write in the air with your finger, and your handwriting becomes a hand-drawn, animated doodle you can drop over any video. You perform it, it animates itself.
Try it š https://emit-cling-97840637.figma.site (https://emit-cling-97840637.figma.site/)
What it does?
ā šļø Draw with your finger ā pinch in the air to write, your webcam is the canvas
ā š¬ Your strokes auto-animate with a hand-drawn "jitter" ā write-on, then a living analog wiggle loop
ā šØ Pick color, thickness, and wiggle by pinching and dragging ā all in the air, no UI to click
ā ā Hold up a palm to reset, drop your hands to finish ā the whole thing is gesture-driven
ā šļø Export a transparent PNG sequence you can overlay on any footage, in any editor
How I built it?
ā š§© Figma Make for the whole app ā I treated the first prompt as a full brief (goal, structure, constraints) so the architecture came out right before touching the details.
ā šļø MediaPipe Hands for gesture tracking ā pinch to draw, palm to reset, all mapped to hand landmarks
ā š The "jitter" is pure looping math, not random noise, so the animation tiles seamlessly
ā š¦ Lossless transparent PNG-sequence export
Made by a motion designer who just wanted his handwriting to wiggle. š
šØ Figma Community file: https://www.figma.com/community/file/1649523675744006347
š± Social post / Demo: https://www.linkedin.com/posts/swoodipto_configmakeathon-ugcPost-7473462535149572097-9cea/?utm_source=share&utm_medium=member_desktop&rcm=ACoAAB1bnwoBgWQsRS0D-AsO_ggaHlEvi8kvcxA
2
4
91