Ресурси
← Усі ресурси
ІнструментиFigmaВідео
SVGator — онлайн-редактор SVG-анімації без коду

Про ресурс

SVGator — онлайн-редактор для створення векторної анімації без написання коду. У ньому можна імпортувати готовий SVG із Figma, Illustrator або іншого векторного редактора, а потім анімувати окремі елементи через таймлайн і keyframes прямо у браузері. Редактор підтримує базові й розширені типи анімації: position, rotation, scale, opacity, morphing, motion paths, stroke animation, clipping masks, gradients, easing та інші ефекти. SVGator автоматично генерує CSS або JavaScript у фоні, тому готову анімацію можна експортувати як один production-ready SVG-файл без ручного написання коду. Окремо можна створювати інтерактивні SVG-анімації, які запускаються при завантаженні сторінки, hover, click або scroll into view. Для складніших сценаріїв доступний SVG Player API, через який розробник може керувати відтворенням, паузою, seek, reverse та іншими діями з коду. SVGator підтримує багато форматів експорту: animated SVG, Lottie JSON, React Native, Flutter, GIF, APNG, WebP та відео у MP4, MOV, WebM, AVI і MKV. MOV і WebM можуть використовуватися для відео з прозорістю. Це дозволяє створювати один проєкт і далі адаптувати його для сайтів, застосунків, соцмереж, презентацій або рекламних матеріалів. Для Figma доступний офіційний плагін. Через нього можна переносити дизайн із Figma у SVGator, а готові анімації — повертати назад у Figma як preview або production-ready файли. Плагін підтримує animated SVG, Lottie, React Native і Flutter, а для попереднього перегляду у Figma можна генерувати GIF або MP4. Безкоштовний план дає доступ до редактора, усіх animator-інструментів, asset library, шаблонів і необмеженого експорту статичних SVG. Експорт анімованих форматів доступний на платних планах. Starter додає animated SVG, Lottie, React Native, Flutter та інтерактивність, а Pro — необмежений animated export, GIF і відео високої якості та додаткові можливості для спільної роботи.

Використання та ліцензія

Користувач зберігає права на власний контент, який завантажує або створює в SVGator. Вбудовані шаблони SVGator можна редагувати й використовувати у комерційних проєктах без додаткових royalty, але не можна перепродавати або повторно поширювати вихідні шаблони як окремі assets. Для сторонніх логотипів, шрифтів, зображень та інших матеріалів користувач повинен мати відповідні права.

Перед використанням перевірте актуальні умови на сайті автора.

Схожі ресурси