Figma Export: HTML/CSS + PUG/SASS + MODX

Export Figma layers to clean HTML/CSS, Pug/Sass — with optional MODX-ready output.

Plugin Preview

EN: Convert your Figma selection into production-ready markup and styles.

This plugin generates HTML/CSS, Pug, and Sass from selected components, with additional helpers for MODX workflows:

Export modes: HTML / CSS / Pug / Sass

Optional MODX-ready output (registerStyle wrappers, pthumb for images, anchors)

Image path base control and automatic src/background transforms

Built-in code viewer with copy/download

License/credits system with in-plugin status and support links

Perfect for fast handoff from design to front-end, landing pages, and MODX projects.

RU: Плагин превращает выделенные элементы в Figma в готовую верстку и стили.

Генерирует HTML/CSS, PUG, SASS, а также умеет дополнительно подготовить код под MODX (если включить соответствующие опции):

Режимы экспорта: HTML / CSS / PUG / SASS

Опционально MODX-вывод (обёртки registerStyle, pthumb для изображений, anchor)

Настраиваемый базовый путь к изображениям и авто-трансформация src/background

Просмотр кода в UI + копирование и скачивание index.html

Система лицензии/кредитов + понятные сообщения и кнопки поддержки

Подходит для быстрой передачи макета в разработку, лендингов и проектов на MODX.