Плагин Figma to Webflow
Рет қаралды 714
Күн бұрын⚡️ Ждем тебя в нашей школе по Webflow: clck.ru/3B7AtJ
🌝 Написать менеджеру школы: t.me/pixelpsale
🧠 Бесплатное обучение по Webflow с обратной связью: free.pixelperfect.fun/
👉🏻 Наш Телеграм канал: t.me/+IvFE5Twr_pQxMjFi
В этом видео ты узнаешь, как настроить плагин Figma to Webflow для синхронизации с приложением Webflow. Продемонстрируем все шаги по сборке макета, а также покажем как импортировать компоненты и переменные из Figma в Webflow, чтобы затем добавить их на свой проект.
→ Макет в Figma: www.figma.com/design/ib8JCLBn...
→ Плагин для Figma: www.figma.com/community/plugi...
→ Приложение для Webflow: webflow.com/apps/detail/figma...
→ Опубликованный сайт из видео: figma-to-webflow-a01e69.webfl...
0:00 Вступление
2:16 Документация Figma to Webflow
4:12 Как подготовить макет в Figma
10:14 Как подготовить форму
11:28 Как подготовить компоненты
13:34 Как настроить переменные в Figma
14:46 Подключение плагина
15:25 Перенос макета
20:27 Проверка переноса
23:38 Добавляем компоненты
25:45 Как перевести Px в Rem
26:55 Заключение
@pixeleperfect Ай бұрын
⚡ Ждем тебя в нашей школе по Webflow: clck.ru/3B7AtJ 🌝 Написать менеджеру школы: t.me/pixelpsale
@Tima_ropolicks Ай бұрын
Отличное видео 👍
@user-cr3ow1ed7t Ай бұрын
Большое спасибо за ролик. Хотелось бы ещё увидеть ролик про полную подготовку макета фигмы для вёрстке в webflow
@pixeleperfect Ай бұрын
Это уже больше к дизайнеру вопрос, но спасибо за идею, обдумаем
@pyossobaka2527 Ай бұрын
Спасибо за ролик! Адам хорош
@pixeleperfect Ай бұрын
🧠 Бесплатное обучение по Webflow с обратной связью: free.pixelperfect.fun/ 👉🏻 Наш Телеграм канал: t.me/+IvFE5Twr_pQxMjFi
@dmitryklimov9706 22 күн бұрын
наверно проще сразу собрать сайт в вебфолу без фигмы
@pixeleperfect 21 күн бұрын
Даже не знаю, кто так делает. Webflow - это не тильда
Alexey Bychkov: веб-дизайн и фриланс
Рет қаралды 21 М.