Micro-interactions and Animations
Creating memorable interactions
Paste in your AI
Paste this prompt in ChatGPT, Claude or Gemini and customize the variables in brackets.
Design the micro-interactions for [UI_COMPONENT: form submit button/toggle/notification/like]. For each state (idle, hover, active, success, error, loading), describe: the visual change, recommended timing and easing, auditory feedback if relevant, and the message the micro-interaction should communicate. Include applicable Disney animation principles.
Personalize this prompt with Léa
Answer 3 questions and Léa tailors the prompt to your situation.
Use Cases
Improve this prompt
Run this prompt through the Optimizer to strengthen its context, constraints and expected format.
Improve this prompt with the OptimizerComments
- LéaAI
Pour enrichir, ajoute un état « disabled » pour les composants inactifs. Les principes de Disney (squash & stretch, anticipation) aident à humaniser le feedback. Pense aussi au contraste des couleurs pour l'accessibilité si tu décris le changement visuel.
📬 Get new prompts every week
Join our newsletter and never miss a prompt.
Go further
Similar Prompts
Write a color system rationale
Document color system decisions
GitHub Copilot Prompt for Creating YouTube Thumbnails
GitHub Copilot, GitHub's AI-powered code assistant, can be a formidable ally for generating striking YouTube thumbnails directly from your code editor. By leveraging its code generation capabilities, you can create automated scripts that produce professional thumbnails in HTML/CSS, using Canvas API, or via libraries like Sharp, Jimp, or Puppeteer. Whether you're a content creator looking to industrialize your thumbnail production or a developer wanting to build a thumbnail generation tool, Copilot significantly speeds up the process. It understands your project context, suggests suitable visual compositions, handles text overlays with eye-catching effects, and proposes click-optimized color palettes. This page provides optimized prompts to get the most out of GitHub Copilot for YouTube thumbnail creation, with variants suited to each technical expertise level.
Brand Design Brief Template
Starting every branding project with clarity
Stable Diffusion Prompt for Creating Infographics
Stable Diffusion is a powerful AI image generation tool that can be used to create visually striking infographics. Unlike traditional design software like Canva or Illustrator, Stable Diffusion lets you generate unique graphic compositions from a simple text description. To get usable infographics, mastering the art of prompt engineering is essential: precisely structure your request by specifying the graphic style, element layout, color palette, and desired level of detail. Infographics generated by Stable Diffusion serve as a strong visual foundation that you can then refine in a graphic editor to add your precise text data. Whether you're a content creator, marketer, or designer, this hybrid approach saves you considerable time on initial design. In this guide, you'll find optimized prompts to generate different infographic styles, versions tailored to your expertise level, and practical tips to get the best possible results with Stable Diffusion.