teleportHQ — Figma to Code — Export HTML, CSS

Плагин teleportHQ — Figma to Code — Export HTML, CSS экспортирует дизайн в HTML и CSS, React, Vue, Angular и многие другие фреймворки JavaScript.

Экспортируйте компоненты и дизайн в teleportHQ, интегрируйте сгенерированный код в кодовую базу веб-приложения и опубликуйте веб-сайт.

Как использовать плагин?

• Выберите любые слои из дизайна, экспортируйте их в teleportHQ и получите код одним щелчком мыши;
• Используйте функцию «Copy to Clipboard», чтобы скопировать и вставить слои в существующий проект teleportHQ.

Узнайте больше о том, как использовать этот плагин здесь.

Экспорт кода

• в React: CSS, встроенные стили, модули CSS, стилизованные компоненты, JSX, JSS;
• в Next JS, Гэтсби JS;
• в Vue JS, Nuxt JS, Gridsome;
• в Angular, Preact, Stencil JS;

Передача разработчикам никогда не была проще!

Генераторы кода teleportHQ имеют открытый исходный код. Если не найдете именно то, что нужно, можете создать собственный.

Ограничения

• Текущая версия плагина teleportHQ еще не поддерживает:
• Маски
• Размытие фона и размытие слоя
• Масштабы и вращения
• Радиальные градиенты
• Тени
• Варианты и некоторые компоненты
• GIF
• Элементы форматированного текста