Casecut чи Jitter: хто анімує сторінку?
Обидва починають із Figma. У Jitter аніматор — ви: обираєте кожен шар, його рух і таймінг. У Casecut перший монтаж прольоту по сторінці робить ШІ-режисер, а ви змінюєте те, що хочете.
Безкоштовно у Figma Community · 3 безкоштовні експорти · без водяного знака
Пліч-о-пліч
| Jitter | Casecut | |
|---|---|---|
| Що це | Інструмент моушен-дизайну для будь-якої анімації | Генератор відео-кейсів зі сторінок Figma |
| Як потрапляє дизайн | Плагін Figma | Плагін Figma |
| Хто анімує | Ви, шар за шаром, на таймлайні | Розкадровку пише ШІ-режисер |
| Довга сторінка | Скрол і камеру налаштовуєте ви | Камера сама проходить сторінкою |
| Курсор і ховери | Анімуються вручну | Справжній курсор натискає ваші кнопки з вашими станами у Figma |
| Звук | Додається окремо | Підбирається під рух |
| Формати | Задаєте розмір артборду | 16:9, 4:5 і 9:16, кожен зі своєю камерою |
| Результат | Відео, GIF і Lottie | MP4 зі звуком |
Коли Jitter — правильний інструмент
Анімація логотипа, лупи іконок, Lottie-файл для застосунку, соцпости з кінетичною типографікою — усе, де рух ви хочете задизайнити самі. Jitter створений саме для цього.
Casecut — для однієї задачі: показати готову сторінку як відео-кейс для портфоліо, Behance, Dribbble чи клієнта, без жодного кейфрейму.
Як це працює
- Встановіть плагін. Він безкоштовний у Figma Community і працює на будь-якому плані Figma.
- Позначте фрейм і натисніть «Анімувати». Кожен шар надходить окремо, а під ними чистий фон. Редактор відкривається у вашому браузері.
- Дайте ШІ-режисеру зробити перший монтаж. Він вивчає дизайн, пише розкадровку, веде справжній курсор і підбирає звук.
- Змініть що завгодно й експортуйте. Правте на таймлайні або напишіть режисеру в чаті. Експорт MP4 у 16:9, 4:5 і 9:16.
Питання
Чи можна змінити те, що зробив ШІ?
Усе. Кожен блок на таймлайні має власне меню, кожен шар — власну появу, кліки курсора можна пересунути чи вимкнути, власну зупинку курсора — додати, показавши на будь-який шар, а ще можна просто написати режисеру в чаті, що змінити.
Чи показує він мої ховери?
Так. Якщо кнопка чи картка має ховер як варіант компонента у Figma, у відео показується саме цей стан, коли до неї доходить курсор. Слайдери справді гортаються, а зафіксовані хедери лишаються на місці.
Casecut безкоштовний?
Так. Безкоштовний план — це 3 експорти, щоб спробувати, у 1080p без водяного знака, з ШІ-режисером, звуком і всіма трьома форматами. Далі можна й надалі експортувати безкоштовно — з маленькою позначкою «Made with Casecut» у кутку. Pro додає 4K і 30 експортів на місяць, Studio знімає ліміт. Або разово: $1.50 за відео, від 5 відео, без підписки.
У яких форматах можна експортувати?
MP4 у 16:9, 4:5 і 9:16. Для кожного формату камера ставиться заново, це не обрізка того самого кадру. 1080p на безкоштовному плані, 4K у Pro і Studio.
Чи є звук?
Так. М’які кліки, свисти й «попи» супроводжують кожен рух, а під ними — спокійний ембієнт. Можна додати мелодію на записаному інструменті, наприклад на роялі, вібрафоні, маримбі чи арфі, або вимкнути звук.
