1. Origine
Jitter a été lancé en 2021 par une équipe basée à Paris, avec l'ambition de rendre le motion design accessible aux designers d'interface sans formation After Effects. L'outil propose une approche design-first : importer ses éléments Figma, définir les animations en timeline, et exporter dans les formats web standard. Le plugin Figma Jitter est aujourd'hui utilisé par plus de 300 000 designers, et l'outil a remporté le titre de Design Tool of the Year sur Product Hunt en 2024. Jitter a rapidement été adopté par les designers UI et les studios web pour créer des micro-interactions et des animations de pitch deck sans passer par la complexité d'After Effects.
2. Utilité
Pour un studio Webflow, Jitter est la passerelle entre le design statique et le motion. Il permet à un designer UI sans expertise d'animation de créer des micro-interactions professionnelles : des boutons qui s'animent, des modales qui apparaissent avec élégance, des loaders personnalisés, des animations d'entrée d'éléments. Ces animations, exportées en Lottie, s'intègrent dans Webflow via l'élément Lottie natif ou le player Lottie en custom code.
3. Fonctionnalités
Jitter couvre l'ensemble du workflow de création d'animations pour le web, de la composition à l'export dans les formats natifs.
- Interface timeline : keyframes et présets d'animation (évanescence, glissement, échelle, rotation)
- Import Figma : animation des assets directs sans les recréer
- Easing curves : personnalisables pour affiner la sensation du mouvement
- Prévisualisation : en temps réel avant export
- Export Lottie JSON, MP4 et GIF : en 720p/30fps (plan gratuit)
- Export ProRes, WebM, 1080p/60fps : sans watermark (plan Pro)
- Exports transparents (WebM, MOV, GIF), 4K/120fps : et collaboration en temps réel (plan Team)
4. Cas concrets
→ Un studio crée une animation de loader personnalisée aux couleurs du client dans Jitter : le logo se décompose et se recompose en boucle pendant le chargement de la page. Exporté en Lottie, l'animation est intégrée dans Webflow comme overlay de chargement avec quelques lignes de JavaScript.
→ Pour les présentations commerciales, Jitter génère des vidéos courtes qui montrent l'interface du site en mouvement : un argument de vente bien plus convaincant que des captures statiques, créé en quelques minutes sans logiciel de montage vidéo.
5. Prix
Jitter propose un plan gratuit qui inclut déjà les exports Lottie, MP4 et GIF (720p, 30fps), sans restriction sur le nombre de fichiers. Le plan Pro débloque des exports HD sans watermark et les formats avancés. Un plan Team est disponible pour les studios en collaboration, avec exports transparents et 4K. Les tarifs à jour sont disponibles sur leur site.
6. Questions fréquentes
Quelle est la différence entre Jitter et After Effects pour créer des animations Lottie ?
After Effects avec le plugin Bodymovin produit des animations Lottie plus complexes avec plus de contrôle sur chaque propriété animée. Jitter est plus accessible et plus rapide pour les micro-interactions simples à moyennement complexes. Pour des animations Lottie très sophistiquées, After Effects reste nécessaire.
Les animations Jitter sont-elles optimisées pour les performances web ?
Les exports Lottie de Jitter sont généralement légers et performants. Pour les animations complexes, vérifier le poids du fichier JSON Lottie exporté et utiliser des outils comme lottiefiles.com pour optimiser avant intégration dans Webflow.
Peut-on importer des animations Jitter existantes pour les modifier ?
Jitter permet d'importer des fichiers Lottie JSON existants pour les éditer dans l'interface, utile pour modifier une animation créée précédemment ou adaptée depuis une source tierce.
