Технология Figma to Webflow для переноса макетов работает следующим образом: 1
- Установка и подключение. 1 Нужно авторизоваться в сайтах или рабочих пространствах Webflow, которые будут использоваться для переноса дизайна из Figma в Webflow. 1
- Дизайн, синхронизация или копирование и вставка. 1 Разрабатывают макет с автоматической вёрсткой в Figma, а затем выбирают: синхронизировать всю систему дизайна или выборочно скопировать элементы в Webflow (для макетов flexbox нужно настроить HTML-теги в Figma, чтобы ускорить запуск). 1
- Доработка и публикация. 1 Создают статичный дизайн, подключают контент благодаря CMS Webflow и публикуют его. 1
Плагин переводит слои Figma в HTML и CSS, которые Webflow использует для визуального построения сайта. 3