Master Animating SVG Doodles on Scroll with Framer

Master Animating SVG Doodles on Scroll with FramerMaster Animating SVG Doodles on Scroll with Framer

The network for creativity

Join 1.25M professional creatives like you

Connect with clients, get discovered, and run your business 100% commission-free

Creatives on Contra have earned over $150M and we are just getting started

Back to feedPost

Alex Robertson

pro

• Mar 28

Little bit of a Framer challenge to get these SVG doodles to animate on scroll, but I got there! Really brings the idea to life ✨ "All great ideas start as scribbles on a page"

Framer UI Design webdesign

Emre Aktaş

pro

• Mar 28

Motion I designed for the hero section and animated using Jitter🎉

Motion Design UI Design Web Design Jitter Figma Framer

Subrata Roy

• Mar 30

Great work.

Jan Mráz

pro

• Mar 28

E-learning mobile app screen timelapse from wireframe to final screen design

👉 Duplicate the Figma file for free here: https://learning.atheros.ai/figma-components/e-learning-app-home-screen

UI Design UX Engineering Figma uidesign ux

Lynne

• Mar 28

Google Stitch — A Designer's Honest Take (Part 2/2)

Last time I covered what works. Now the honest part. 👇

❌ The Gaps

UI output quality isn't groundbreaking Other platforms aren't far behind, and their outputs are more immediately usable beyond just visuals. Stitch only generates UI, the HTML/CSS export exists, but it's basic and not production-ready.

So who is this actually for? Stitch isn't trying to replace designers, and it's not quite ready to hand developers production code either. It sits in a sweet spot: rapid ideation with a real design system behind it.

If you're a freelance designer, this shaves hours off early-stage concepting and client presentations. If you're a developer hoping to skip the design phase entirely — not yet.

Threat? No. Tool? Yes, if you know where to use it.

vibecoding vibedesigning