
Figma
Популярный облачный редактор для дизайна интерфейсов, сайтов и мобильных приложений и сборки интерактивных прототипов.
Онлайн-редактор, где статичную SVG-иконку или иллюстрацию можно оживить: задать анимацию по слоям и скачать один файл, который движется на любом сайте.

SVG Studio — анимация SVG в браузере
SVG Studio — редактор в браузере, который оживляет статичные SVG-картинки: загружаете иконку или иллюстрацию, программа сама раскладывает её на слои по группам, и каждый слой можно двигать, вращать, масштабировать и прятать по ключевым кадрам на таймлайне — как в видеоредакторе.
На выходе — один SVG-файл со встроенной CSS-анимацией: он двигается везде, где работает CSS, — на сайте, в письме, в Notion, даже в комментарии в Figma. Есть сто шагов отмены, ничего не нужно устанавливать и регистрироваться — открыли вкладку и работаете.
Сильные стороны: без установки; честная разбивка SVG на управляемые слои; результат — один файл без внешних зависимостей; полностью бесплатно.
Слабые стороны: закрытый код; работает только с готовым SVG — нарисовать вектор с нуля здесь нельзя; проекты не сохраняются в облаке.
Вывод: если нужно быстро оживить готовую иконку или иллюстрацию без After Effects и Lottie — SVG Studio закрывает это за пару минут прямо в браузере.

Популярный облачный редактор для дизайна интерфейсов, сайтов и мобильных приложений и сборки интерактивных прототипов.

Программа для Mac, в которой рисуют интерфейсы сайтов и приложений: экраны, иконки, макеты. Работает быстро и без браузера, файлы лежат на вашем компьютере.

Бесплатный аналог Figma с открытым кодом: дизайн интерфейсов и прототипы в браузере, при желании — на собственном сервере.