Animation
Bringing motion to user interface elements, animation enhances user experience, conveys information, and guides interactions.
Articles
Get inspired by showreels - 16 videos with lots of design tips
UX Planet - 31 October 2023
Our designers picked showreels with dynamic motion, chipper sound and catchy storytelling, that’s worth your attention. Perfect for a…
The role of animation in UX - More than just aesthetics
UX Planet - 15 October 2023
Guiding, informing, and delighting users one frame at a time. Continue reading on UX Planet »
10 Animation Ideas & Inspiration for the month
UX Planet - 18 September 2023
Animation for UX designer is a cool way to bring content to life and make it more appealing to your …
From Idea to Video in 30 Seconds - Combining the Power of Claude.ai with Runway ML Gen-2
UX Planet - 13 August 2023
Generative AI tools have only been getting more and more interesting recently, with an AI ‘arms race’ happening in the …
Scrolljacking 101
Nielsen Norman Group - 6 August 2023
Altering the normal pace or direction of scrolling can contradict user expectations, control, and freedom. If businesses adopt the pattern, …
6 Powerful User Research Methods to Boost Hypothesis Validation
UX Planet - 31 July 2023
Unlocking Success: 6 Essential Methods to Safeguard Your Product from Failure
Dilemma of being creative and practical when make user interfaces
UX Planet - 30 July 2023
This is a dilemma that every designer has faced. We will explore where we have to limit our creativity and …
Software Ergonomics
UX Planet - 22 July 2023
Design Immersion for the Senses
7 Amazing Figma Courses on Skillshare to Kickstart Your UX Design Journey in 2023
UX Planet - 19 July 2023
Figma Novice to Pro with Skillshare Continue reading on UX Planet »
Apple Vision Pro Spatial Design 101 — A Beginner’s Guide
UX Planet - 17 July 2023
Learn Spatial Design from scratch
5 Immersive Ecommerce Design Tips to Help Increase Engagement
UX Matters - 10 July 2023
By Magnus Eriksen Today, shopping online has become most consumers’ go-to. With just a few clicks, customers can browse, compare, …
The Anatomy of a Perfect Landing Page That Converts
UX Matters - 10 July 2023
By Rajat Chauhan Are you struggling to create a landing page that converts visitors into customers? You’re not alone. Having …
2023 Logo Trends — Make Your Brand Pop!
UX Planet - 7 July 2023
By Mary Moore, copywriter at Shakuro
15 AI tools every UI/UX designer must try
UX Planet - 29 June 2023
Unleash your creativity and efficiency with the power of Artificial Intelligence. Stay ahead of the curve with these innovative tools.
5 Major Figma updates on Config 2023
UX Planet - 24 June 2023
TL;DR: There is a summary at the end.
The psychology of attention in UX design
UX Planet - 24 June 2023
Attention is the ability to actively process specific information in the environment while tuning out other details. Our attention is…
How Do I Perform UX Heuristic Evaluation?
UX Planet - 19 June 2023
A Guide to My Past Self to Perform Better UI/UX Evaluation Continue reading on UX Planet »
An Error Messages Scoring Rubric
Nielsen Norman Group - 18 June 2023
Identify UX problems with error messages consistently and effectively using a scoring rubric based on established usability best practices for …
Designing the Invisible - Creating Intuitive and Engaging AR Mobile Experiences
UX Planet - 12 June 2023
Do you remember the days when Augmented Reality (AR) was only seen in sci-fi movies? Well, now it’s a reality …
How can deepfakes improve UX design?
UX Planet - 5 June 2023
Have you noticed how AI-assisted content creation has been lightning-fast in the last few weeks, even months? Trump’s arrest, Macron …
Tools
Bodymovin
An After Effects extension to export animations for web.
Drama
Draw user interfaces, create interactive prototypes and make animations.
Flinto
Create interactive and animated prototypes of app designs.
Flow
Animate Sketch designs in seconds and export production ready code.
Hype
Create HTML5 animations and interactive web content.
Keyframes
Keyframes helps you write better CSS. Dead simple visual tools to help you generate CSS for your projects.
Kite Compositor
A powerful animation and prototyping application for Mac & iOS
Looom
Flipbook animation reimagined.
Lottie
An iOS, Android, and React Native library that renders After Effects animations in real time, allowing apps to use animations as easily as they use static images.
Mokup
Create prototypes that look and feel like real apps.
Principle
Create animated user interfaces and prototypes.
Spirit
The ultimate tool to create high-quality animations directly in the browser.
Story Creator
Simple online video editing for digital creators.