# How to

Practical guides on building animations from scratch, with tips on optimization, platform integration, and export workflows.

## [How to use SVG animations for creative agencies](/content/blog/svg-animations-for-creative-agencies/index.html)

How creative agencies use SVG animation for explainer videos, motion graphics, 2D, and UI work, and how to pick the right tool.

## [How to use SVG animations in AI website builders](/content/blog/how-to-use-svg-animations-in-ai-website-builders/index.html)

Use SVG animation in AI website builders. Create animated SVGs without code, pick the right export format, and embed in minutes.

## [How to build SVG micro-interactions](/content/blog/how-to-build-svg-micro-interactions/index.html)

Build SVG micro-interactions for hover, click, button states, and feedback. Practical patterns, timing values, and how to create them without code.

## [How to use SVG animations for SaaS products](/content/blog/svg-animations-for-saas-products/index.html)

Learn how to use SVG animations for SaaS products across landing pages, onboarding, UI, and dashboards. No coding required.

## [How to create SVG text animations](/content/blog/how-to-create-svg-text-animations/index.html)

Learn how to create SVG text animations using CSS, JavaScript, or no-code tools. This guide compares every method and walks through each animation type.

## [How To Use SVG Animations In Figma: A No-Code Guide For Designers](/content/blog/use-svg-animations-in-figma/index.html)

Figma can't produce animated SVGs on its own. This guide covers every no-code path from Figma design to production-ready SVG animation.