Complete AI Training

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.

All 22 prompts in this lesson

How to use it

  1. Copy the prompt and paste it into ChatGPT, Claude, Gemini or any other AI.
  2. Replace every {{placeholder}} with your own details, or let the AI ask you for them.
  3. 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

  1. If any of the above inputs are missing, ask for them before proceeding.
  2. Outline the library's structure: categories (entrance, exit, attention), each with a description, duration, easing, and customization options.
  3. Describe a user-friendly interface for browsing, searching, and previewing animations, including filtering by category and a rating system.
  4. Specify how customization works: live preview, adjustable parameters, and export in the requested formats.
  5. If collaboration is desired, detail the upload, tagging, moderation, and feedback mechanisms.
  6. 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?