Framer X представив травневі оновлення — це Framer Bridge та Framer Playground. Перший покликаний автоматизувати складні завдання, а другий – створювати нові взаємодії за допомогою творчого кодування.

Framer Bridge

Framer Bridge може підключати компоненти, які синхронізуються з Framer-компонентами, з технологічного фреймворку. Також з’явилося версіонування компонентів в Git.

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

В Bridge додали можливість використання файлового підходу на основі папок, який змінює спосіб спільної роботи дизайнерів. Це повинно спростити роботу команди над одним проектом. Датальніше про всі можливості тут.

Framer Playground

Це нове середовище для програмування, яке доступне у Framer X. Складається з трьох частин: вбудованого редактора коду, який допомагає вивчати React в процесі роботи, великої бібліотеки анімації та документації.

«Playground — це не звичайний редактор коду. Ми розуміємо, що як дизайнер ви вимагаєте іншого робочого процесу для кодування, і Playground було створено з урахуванням цього» — пишуть розробники.

Відтепер з’явиться нова панель в Framer: Code. Саме тут будуть знаходитися всі компоненти коду, що дозволить користувачам визначати взаємодії з високою точністю, навіть не покидаючи Framer X.

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

Раніше Telegraf.Design розповідав про привілеї та недоліки оновленого продукту Framer X.