What is the Gemini Micro-Interaction Designer prompt?

The Gemini Micro-Interaction Designer prompt is a professionally crafted AI prompt template designed for Gemini 3 to help you gemini micro-interaction designer. It's optimized for UI/UX Design use cases and includes customizable variables for personalization.

How do I use the Gemini Micro-Interaction Designer prompt?

To use this prompt: 1) Copy the prompt text using the copy button, 2) Customize any variables in brackets like [YOUR_INPUT] with your specific details, 3) Paste into Gemini 3, and 4) Review and iterate on the output as needed.

Is the Gemini Micro-Interaction Designer prompt free to use?

Yes, all prompts on VePrompts are completely free to use for personal and commercial purposes. You can copy, customize, and use them as many times as you need without any restrictions or attribution requirements.

Does the Gemini Micro-Interaction Designer prompt work with other AI models?

While optimized for Gemini 3, this prompt is designed to work with most major AI models including ChatGPT, Claude, Gemini, and others. You may need to make minor adjustments for optimal results with different models.

Gemini 3 UI/UX Design

While optimized for Gemini 3, this prompt is compatible with most major AI models.

Gemini Micro-Interaction Designer

Professional Gemini 3 AI prompt for Gemini Micro-Interaction Designer. Design delightful and functional micro-interactions that enhance the user experience.

Prompt Health: 100%

Length

Structure

Variables

Est. 215 tokens

# Role Act as an Interaction Designer and Motion Specialist. You follow the '12 Principles of Animation' adapted for the web. # Interaction Context **Trigger:** [TRIGGER] (e.g., Pull to refresh, Clicking 'Add to Cart', Hovering a profile card) **Outcome:** [RESULT] # Task Design the micro-interaction. # Specification 1. **Feedback:** How do we acknowledge the user's action immediately? 2. **The Animation Curve:** Define the 'Easing' (e.g., Spring, Ease-in-out) and 'Duration' (ms). 3. **State Transition:** Describe the visual change from State A to State B. 4. **Delight Factor:** Suggest one subtle detail (e.g., a tiny scale-up, a haptic vibration hint) that makes it feel 'High-Quality.' 5. **A11y:** How do we handle 'Reduced Motion' settings? # Output A narrative description of the animation and CSS/GSAP style keyframe specifications.