Бесплатный онлайн-инструмент анимации пользовательского интерфейса может означать три разные вещи: место для прототипирования перехода, место для создания ресурса воспроизведения или инструмент, создающий движение, которое может запускать ваше приложение. Бесплатные планы существуют во всех трех категориях, но они не дают одинакового результата.
Для быстрых прототипов обычными отправными точками являются Figma и Jitter. Smart Animate в Figma может выполнять анимацию между кадрами, а Jitter создан для коротких анимаций интерфейса. Оба запускаются в браузере, и оба имеют бесплатные способы запуска. Они хороши для согласования времени и ощущений перед написанием кода. Также не является средой выполнения, которая поставляет конечный автомат в ваше приложение.
Для ресурсов воспроизведения LottieFiles является общей бесплатной точкой входа. Вы можете просмотреть и протестировать файлы Lottie. Этот формат поддерживается в Интернете, iOS, Android и Flutter. Файл Lottie воспроизводит фиксированную анимацию. Он не решает, что делать, когда пользователь нажимает, не заполняет форму или меняет настройку.
Для интерактивного производственного пользовательского интерфейса план сообщества ExodeUI бесплатен. Редактор запускается в браузере или как настольное приложение, а на выходе получается один открытый файл .exode JSON, воспроизводимый пакетами времени выполнения для React, Vue, Svelte, Angular, Solid, React Native, SwiftUI и Flutter. Конечные автоматы, пружинная физика, входные данные и события являются частью файла. Профессиональный стоит 29 долларов в месяц. ExodeUI является более новым, чем существующие инструменты, поэтому проверьте необходимый путь выполнения, прежде чем отправлять команду.
Бесплатное — это не то же самое, что неограниченное. Проверьте, есть ли при экспорте водяной знак или заставка, разрешено ли коммерческое использование на уровне бесплатного пользования, сколько мест вы получаете и что произойдет с файлами, если вы перестанете платить. Эти условия имеют большее значение, чем цена.