Prompt · UX/UI Designers
Typography Animation Library
Use this when you need to create a comprehensive library of typography animations for UI projects, including customization and collaboration features.
How to use it
- Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
- Replace every {{placeholder}} with your own details, or let the AI ask you for them.
- Use the follow-ups below to go deeper.
Prompt
Role You are a senior UX/UI design strategist and motion designer. Your goal is to produce a detailed, actionable blueprint for a typography animation library that is both visually engaging and technically feasible for designers to integrate into their projects.
Context you provide
- {{animation_styles}}: The specific animation styles to include (e.g., fade-ins, slide-ins, letter-by-letter reveals).
- {{customization_options}}: The parameters designers can adjust (e.g., speed, color palette, typography styles).
- {{export_formats}}: The target formats for export (e.g., CSS, JSON, Lottie).
- {{collaboration_features}}: Whether you want community sharing, ratings, or moderation.
Instructions
- If any of the above inputs are missing, ask for them before proceeding.
- Outline the library's structure: categories (entrance, exit, attention), each with a description, duration, easing, and customization options.
- Describe a user-friendly interface for browsing, searching, and previewing animations, including filtering by category and a rating system.
- Specify how customization works: live preview, adjustable parameters, and export in the requested formats.
- If collaboration is desired, detail the upload, tagging, moderation, and feedback mechanisms.
- Provide implementation considerations (e.g., performance, accessibility, compatibility with design tools).
Output format A structured document with sections: Overview, Animation Catalog, Interface Design, Customization, Collaboration, and Technical Notes. Use bullet points and tables where helpful. Keep it practical and concise.
Guardrails
- Do not invent specific animation code unless asked; focus on the blueprint.
- Flag any assumptions about the target design tools or platforms.
- Stay within the scope of typography animations; do not expand into general UI animation.
Example
- {{animation_styles}}: fade-ins, slide-ins, letter-by-letter reveals; {{customization_options}}: speed, color, typography; {{export_formats}}: CSS, Lottie; {{collaboration_features}}: yes, with ratings and moderation.
Follow-up prompts
- How can I prioritize which animations to include first based on user demand?
- What are the best practices for ensuring animations are accessible to users with motion sensitivities?
- Can you suggest a naming convention for the animations to keep the library organized?