Huashu Design : produire des prototypes, slides et animations depuis Claude Code
📌 Huashu Design transforme une demande en prototype HTML, slides exportables et animation MP4, directement depuis un agent, sans ouvrir d’outil de design.
-
-
UI Skills: améliorer le polish des interfaces générées par agents
📌 UI Skills est une collection de “skills” prêts à l’emploi pour améliorer les interfaces générées par des agents IA, avec un focus pragmatique sur la qualité UI, l’accessibilité, les métadonnées et la performance des animations.
-
Higgsfield AI : Plateforme de génération vidéo et image IA
📌 HIGGSFIELD AI est une plateforme d’intelligence artificielle basée à San Francisco, spécialisée dans la génération et l’édition de contenu visuel (images et vidéos). Ce studio créatif propose des outils pour produire des contenus authentiques avec des textures naturelles, des effets cinématographiques et des personnages virtuels, le tout optimisé pour les réseaux sociaux comme TikTok, Instagram Reels et YouTube Shorts.
-
PQO Icons : une bibliothèque d’icônes animées open source pour le web et les apps
📌 PQO Icons est une bibliothèque d’icônes animées open source, gratuite et personnalisable, idéale pour enrichir rapidement une interface web ou mobile avec des animations fluides et cohérentes.
-
yourascii : convertir images et videos en ASCII anime en quelques secondes
📌 yourascii convertit images et videos en ASCII en temps reel, avec reglages de densite, couleurs et crop pour exporter vite des rendus stylises sans installation.
-
LOTTIELAB : Vos animations simplement
📌 Lottielab est un outil de motion design en ligne, pour les équipes de produits. Importez des éléments depuis vos outils de design préférés, comme figma, ou créez-les de toutes pièces dans Lottielab. Animez facilement et rapidement, avec une interface intuitive et des fonctionnalités puissantes.
-
PLASK.AI : Le motion capture facilement
https://plask.ai/ 📌 PLASK est un service d’animation 3D basé sur l’intelligence artificielle. Il permet aux utilisateurs de créer des animations réalistes, a base de motion capture, mais sans avoir besoin d’un costume de capture de mouvement. Le service fonctionne en utilisant un modèle d’apprentissage automatique pour analyser des vidéos de personnes en mouvement. Le modèle…
-
ANIMIX : De puissantes animations dans Figma
📌 ANIMIX est un plugin FIGMA proposant de créer des animations directement depuis Figma.
A la manière d’After Effect, vous disposez d’une Timeline et de Keyframes pour laisser libre cours à vos idées. -
MOTION : Gérez vos calendriers, vos réunions et vos tâches dans une seule application.
📌 MOTION est une application qui utilise l’intelligence artificielle pour optimiser votre journée. Elle prend toutes les tâches, toutes vos réunions de votre agenda et construit un planning parfait.
-
Jitter : Le motion design simplement
📌 JITTER est un outil de motion design vous permettant de créer et d’animer facilement vos créations, ainsi que de les exporter en vidéos ou GIF. Le tout directement depuis votre navigateur.
-
MOKO : Bibliothèque SVG et Lottie dans le cloud
📌 MOKO est un outil qui permet de stocker vos visuels, illustrations et animations aux formats SVG ou Lottie.
#cmondary -
JITTER • L’outil MotionDesign dans votre navigateur.
📌 JITTER est un outil MotionDeisgn, en ligne, vous permettant d’animer facilement vos créations et d’exporter vos créations sous forme de vidéos ou de GIF, le tout, directement depuis votre navigateur.
-
CAVALRY : Application motion design
📌 CAVALRY est une nouvelle #application de #MotionDesign et d’animation.
#cmondary #UX #Tools -
MOTION DESIGN : petit guide
📌 ARTICLE sur les bonnes pratiques concernant le motion design. En effet les micro interactions permettent de sensiblement améliorer l’utilisabilité des produits numériques, mais encore faut il qu’elles correctement réalisées.
L’article propose 12 Principes de conception -
GUIDE : From Sketch / Figma to After Affect
📌 ARTICLE très complet sous forme de guide pas à pas pour créer de petites animations, et micro-intéractions sous after effect après importation des sources Sketch / Figma.
L’idée est simplement d’utiliser les animations sous #AfterEffect pour donner vie à votre interface et montre comment toutes les éléments doivent se comporter et interagir. -
ANIMOCKUP : mockup animé
📌 ANIMOCKUP est un outil en ligne de mockup animé. Les exports peuvent se faire sous forme de video ou de GIF animé.
-
FIGMOTION – Figma Plugin
📌 FIGMOTION est un plugin permettant de créer des animations dans FIGMA.
-
FLARE : motion design app
📌 FLARE est un service en ligne permettant d’animer vos créations très simplement avec un outil TimeLine + KeyFrames, comme le propose After Affect / Hype / Kite Compositor. L’intérêt est ici de pouvoir s’essayer gratuitement et rapidement à l’animation, directement depuis son navigateur. De nombreux projets sont disponibles librement et vous permettront de les retro-ingenieurer afin de comprendre comment ils ont été réalisés !! Pratique
-
Motion in design
Je suis moi même intimement convaincu de l’interêt du motion dans l’UX. Un très bon article sur le sujet
-
Moshn : Veille motion design
📌 MOSHN est un portail de veille pour le motion design. Si vous chercher de l’inspiration alors c’est le bon endroit. L’ensemble est bien classé et fait bien le job
-
The ultimate guide to proper use of animation in UX
📌 GUIDE détaillé sur la manière de réaliser de bonnes animations motion. Le tout avec de nombreux exemples et de petites animations explicatives très graphiques.
-
Motion Periodic Table
📌 FOXCODEX est un tableau périodique du MOTION DESIGN.
-
Keyframes.net
📌 KEYFRAMES est un site communautaire, sous forme de chat, permettant d’échanger sur le motion design, 3D, et tous logiciels proposants une TIME LINE + KEYFRAMES
-
HAIKU
📌 HAIKU intègre maintenant FIGMA, en plus de SKETCH…
-
Motion Design : Le recueil
📌 Très bon article sur le Motion Design. J’aurai tendance à utiliser KITE ou HYPE TUMULT pour effectuer ce genre de projet. Je compte bien essayer rapidement SVGATOR pour les petites animations de feedback et les intégrer à un proto (https://app.svgator.com/) Et enfin pour compléter cet article, je vous met un lien un autre article sur le même sujet :
https://www.webdesignerdepot.com/2017/10/3-smart-ways-to-engage-users-with-animation/ -
-
Micro Interactions et Ergonomie
📌 les animations ne sont pas seulement esthétiques mais permettent d’être en accord avec un certain nombre de critères ergonomiques
-
12 principles of UX in Motion
📌 L’animation étant une part importante du Feedback fournis aux utilisateurs, il s’avère important d’en comprendre les principes et usages.
-
Pixofield
📌 KEYSHAPE, Un logiciel de motion design (gratuit) pour créer des petites animations 2D avec timeline
