Back to Plugins
Figma Export: HTML/CSS + PUG/SASS + MODX

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

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

Plugin Preview

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

About this plugin

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 / SassOptional MODX-ready output (registerStyle wrappers, pthumb for images, anchors)Image path base control and automatic src/background transformsBuilt-in code viewer with copy/downloadLicense/credits system with in-plugin status and support linksPerfect 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.

Plugin Details

Version4
CreatedFebruary 7, 2026
Last UpdatedFebruary 23, 2026
CategorySoftware development
CreatorAnton
Stats1 installs, 1 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • https://figma.mediarama.by