4 лютого Webflow запустив значне оновлення плагіна Figma to Webflow, що включає в себе спрощені робочі процеси, нові можливості, а також підвищену продуктивність і точність.
Тепер ви можете синхронізувати свої компоненти, розділи, змінні та стилі, щоб дати вашій команді можливість швидко запускати складні сайти. Плагін організовано навколо трьох ключових робочих процесів: Layers, Variables, and Styles
Layers
Центральним елементом нового досвіду роботи з Figma to Webflow є вкладка «Шари», яка дозволяє синхронізувати або копіювати шари Figma до компонентів і елементів Webflow. Ось що нового:
- Тепер ви можете синхронізувати кілька шарів, змішувати фрейми і компоненти або копіювати окремий шар і вставляти його безпосередньо на полотно Webflow.
- Коли ви синхронізуєте оновлення з існуючим компонентом, програма дозволяє швидко прийняти ці зміни або детально переглянути кожну зміну.
- Ми оновили евристику для створення ресурсів, тому всі ваші зображення та піктограми синхронізуються з Webflow, як і очікувалося.
- Ми значно покращили продуктивність і точність, деякі дизайни обробляються до 30 разів швидше!
Variables
Змінні було перенесено на окрему вкладку, що дозволяє синхронізувати змінні Figma зі змінними Webflow. Тепер ви можете вибирати колекції з бібліотек Figma на додаток до локальних змінних, перемикати групи для синхронізації і вибирати одиниці виміру (px, em або rem) для кожної числової змінної. Для одиниць em/rem ви також можете встановити базовий розмір шрифту у налаштуваннях плагіна.
Styles
Синхронізація стилів - це новий робочий процес для синхронізації стилів тексту та ефектів Figma з класами Webflow, що дозволяє легко використовувати вашу стандартну типографіку, тіні та фільтри без додаткової роботи. Ви можете відредагувати префікси класів, які за замовчуванням мають значення «Text» і «Effect», у налаштуваннях плагіна. Коли ви синхронізуєте оновлення стилю, програма показує кожну змінену властивість, що дозволяє швидко переглянути і прийняти зміни.
