Инструменты Webflow и Figma
Ускорьте работу в связке Figma → Webflow: иконки, значения дизайна и контент, готовые к вставке.
localHTML и CSS в WebflowВставьте HTML и его CSS, нажмите Скопировать в Webflow и вставьте результат в Designer. Вы получите…localSVG в WebflowВставьте SVG из Figma и скопируйте его в Webflow как настоящие Custom Elements. Каждый <svg>, <path> и <g>…localMarkdown в Webflow Rich TextВставьте Markdown, проверьте предпросмотр и скопируйте его как форматированный текст. Заголовки, списки,…localГенератор имён классов WebflowОпишите секцию обычными словами, например «герой с подзаголовком, заголовком, двумя кнопками и картинкой…localFigma CSS в WebflowПревратите результат «Copy as CSS» из Figma в аккуратные значения, которые можно сразу вводить в панель…localГенератор типографической шкалыВыберите базовый размер шрифта и коэффициент — малая терция, большая терция, чистая кварта, золотое…localГенератор CSS-кнопокСоздайте кнопку, которая хорошо выглядит в каждом состоянии. Начните с пресета — сплошной, контурной,…localПросмотр HTMLВставьте HTML (и при необходимости CSS или JavaScript), чтобы увидеть, как это выглядит — сразу, в…localГенератор баннера cookieДобавьте баннер согласия на cookie на любой сайт — Webflow, WordPress, Shopify или обычный HTML — без…localГенератор кода для встраивания видеоВставьте ссылку на видео из YouTube, Vimeo, Loom, Wistia, Dailymotion, Twitch, Streamable, Google Drive…localГенератор кода встраивания YouTubeВставьте любую ссылку на YouTube — видео, Short или плейлист — и получите адаптивный код встраивания с…localГенератор кода встраивания VimeoВставьте ссылку на Vimeo — публичную или скрытую (с хешем приватности) — и получите адаптивное встраивание…localГенератор кода встраивания LoomВставьте ссылку на видео Loom и получите адаптивный код встраивания для вашего сайта, центра справки,…localГенератор карт Google MapsПокажите офис, магазин или мероприятие на карте Google Maps без регистрации и API-ключа. Введите адрес,…localГенератор таймера обратного отсчётаСоздайте таймер обратного отсчёта для запуска, распродажи, вебинара или мероприятия и встройте его куда…localПоиск SVG-иконокИщите среди более 70 000 SVG-иконок с открытым кодом — Lucide, Tabler, Heroicons, Phosphor, Bootstrap,…localГенератор Google Maps APIНастройте карту Google визуально: выберите стиль карты, добавьте свои маркеры с информационными окнами,…localГенератор кода пикселяВведите свои ID и получите один фрагмент для установки пикселя отслеживания для Meta, TikTok, LinkedIn,…localМаппер редиректовПереносите или переделываете сайт? Вставьте старые и новые URL или загрузите их из sitemap, и маппер…localРедиректы с WordPress на WebflowПри переносе сайта с WordPress на Webflow меняется почти каждый URL: даты в путях блога, архивы…localГенератор кода Google TagВведите ID измерения GA4, ID Google Ads или ID контейнера Tag Manager и получите готовый к вставке код…localГенератор кода GTMВведите ID контейнера GTM и получите код установки Google Tag Manager для <head> и <body>. Настройки…localГенератор скрипта отслеживания событийОтслеживайте клики по кнопкам, ссылкам и отправку форм, добавляя атрибуты вместо кода:…localCSS-кнопкиВыберите одну из 24 анимированных CSS-кнопок: с заливкой, рамками, свечением, бликами и объёмным нажатием.…localИконки бургер-менюВыберите одну из 16 анимированных кнопок-бургеров, которые превращаются в крестик, стрелку или минус.…localВыбор цветаВыберите любой цвет или возьмите его с экрана и скопируйте в формате HEX, RGB, HSL или OKLCH. Посмотрите…localПроверка опечаток в классахВставьте HTML или укажите URL, чтобы проверить все имена классов: опечатки вроде hero_heding, дубликаты с…localМост буфера WebflowWebflow помещает элементы в буфер обмена в особом формате, который не переносится между браузерами…localРедактор компонентов WebflowПереносите секции и компоненты между проектами Webflow и меняйте их по пути. Скопируйте элементы в…localHTML в Webflow Rich TextВставьте «грязный» HTML со старого сайта, экспорта из WordPress, Google Docs или Word и получите чистую…localОптимизатор Lottie JSONУскорьте загрузку Lottie-анимаций в Webflow и на любом сайте: уберите данные, которые плееру не нужны, —…localГенератор веб-шрифтовПревратите шрифты для десктопа в быстрые веб-шрифты: конвертируйте в WOFF2 и WOFF, оставьте только нужные…localКонвертер TTF в WOFF2Конвертируйте TTF в WOFF2 — самый компактный формат для сайтов. Перетащите файлы, выполните конвертацию и…localOTF в WOFF2 конвертерКонвертируйте OTF в WOFF2 для вашего сайта. Перетащите файлы, сконвертируйте и скачайте. Нужны CSS или…localСабсеттер шрифтовСделайте шрифт заметно меньше, удалив символы, которые вы не используете. Выберите набор языков или…
Не хватает инструмента: Webflow?
Расскажите, что нужно — мы создаём самые запрашиваемые инструменты в первую очередь, и это бесплатно.