CasecutНа головну

Анімований макет вашого сайту — просто з Figma

Той самий фрейм, два способи його показати. Зліва — скріншот. Справа — те, що робить із нього Casecut: блоки з’являються по черзі, сторінка гортається сама, а кнопки натискаються.

Встановити плагін FigmaПереглянути ціни

Безкоштовно у Figma Community · 3 безкоштовні експорти щотижня · без водяного знака

Зліва — статичний фрейм. Справа — той самий фрейм після Casecut.

Рух без кейфреймів

Ви не ставите жодного кейфрейма. Casecut підбирає появу для кожного шару: заголовки виходять рядок за рядком, зображення відкриваються з-під маски, картки піднімаються одна за одною. Три стилі руху задають характер — від спокійного до енергійного.

Камера — теж частина руху. Вона зупиняється на секції, ледь помітно рухається під час паузи й розмивається на швидкому русі, як справжня камера.

Поводиться як живий сайт

Справжній курсорВін підходить до кнопки, наводиться й натискає.
Ваші ховериСтан, який ви намалювали у Figma, а не шаблонне світіння.
Робочі слайдериНатискаєте стрілку — заходить наступний слайд.
Рамка браузераПокажіть сторінку у вікні, під нахилом у 3D або на весь екран.

Як це працює

  1. Встановіть плагін. Він безкоштовний у Figma Community і працює на будь-якому плані Figma.
  2. Позначте фрейм і натисніть «Анімувати». Кожен шар надходить окремо, а під ними чистий фон. Редактор відкривається у вашому браузері.
  3. Дайте ШІ-режисеру зробити перший монтаж. Він вивчає дизайн, пише розкадровку, веде справжній курсор і підбирає звук.
  4. Змініть що завгодно й експортуйте. Правте на таймлайні або напишіть режисеру в чаті. Експорт MP4 у 16:9, 4:5 і 9:16.

Питання

Чи показує він мої ховери?

Так. Якщо кнопка чи картка має ховер як варіант компонента у Figma, у відео показується саме цей стан, коли до неї доходить курсор. Слайдери справді гортаються, а зафіксовані хедери лишаються на місці.

Чи можна змінити те, що зробив ШІ?

Усе. Кожен блок на таймлайні має власне меню, кожен шар — власну появу, кліки курсора можна пересунути чи вимкнути, власну зупинку курсора — додати, показавши на будь-який шар, а ще можна просто написати режисеру в чаті, що змінити.

Чи потрібен платний план Figma?

Ні. Плагін працює на будь-якому плані Figma — і в браузері, і в десктопному застосунку.

Casecut безкоштовний?

Так. Безкоштовний план — це 3 експорти щотижня у 1080p без водяного знака, з ШІ-режисером, звуком і всіма трьома форматами. Pro додає 4K і 30 експортів на місяць, Studio знімає ліміт.

Чи працює він із мобільними макетами?

Так. Фрейм завширшки до 520 px показується як екран телефона.

Ще способи використати Casecut

Відео з FigmaФрейм стає MP4 без запису екрана.ВідкритиВідео-кейсиМоушен-кейс до кожного проєкту — для Behance, Dribbble і X.ВідкритиАльтернатива After EffectsЧесне порівняння для відео-кейсів.Відкрити

Надішліть перший фрейм. Подивіться, як він оживає.

Встановити плагін FigmaПереглянути ціни