Figma Export: HTML/CSS + PUG/SASS + MODX
Export Figma layers to clean HTML/CSS, Pug/Sass — with optional MODX-ready output.
Plugin 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
| Version | 4 |
|---|---|
| Created | February 7, 2026 |
| Last Updated | February 23, 2026 |
| Category | Software development |
| Creator | Anton |
| Stats | 1 installs, 1 likes |
| Pricing | Free |
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
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
SkewDat
Skew any layer or group with all layers preserved to edit.