Free: one design system with limited component pulls. Pro: $15/month per seat ($12 billed yearly). Team: $25/month per seat ($20 billed yearly). Studio: $39/month per Genome ($31 billed yearly).
Key features
Morph animation for shape transitions
Motion path animation
Stroke animations
Color and gradient animations
Mask animations
Interactive animations with multiple triggers
Custom easing functions
Team collaboration with commenting
MCP server connection for Claude Code, Cursor, VS Code and other AI agents
Design system bootstrap from text prompt, website URL, Figma file or screenshot
Token and component editor with live publishing
Code linting against design system specifications
Export to CSS, SCSS, Tailwind, Tokens Studio JSON and Figma variables
Figma integration with OAuth and plugin support
GitHub integration for pushing design system updates
Website CSS scanning and analysis
Change proposals and human review workflow
Rate-limited stateless HTTP API with 120 calls per minute
What makes it different
No coding required to create production-ready animations
Faster workflow than traditional animation software like After Effects
Exports to web-standard formats optimized for performance
Integrates seamlessly into existing designer workflows
Advanced animation control without the learning curve
Live tokens on every AI generation instead of stale rules files
Supports all major AI coding agents: Claude Code, Cursor, VS Code, Claude, Codex, Windsurf and Figma's agent
Human review required for all changes; nothing auto-applied
Design systems remain yours to use in client work and commercial products
Bootstrap from text, website, Figma or screenshot; no manual token creation needed
SVGator
Flash DSM