How to Use Design2Liferay

A quick start guide to converting your web designs into Liferay components.

👋 Welcome to Design2Liferay

Your bridge from design to deployment in Liferay — fast, clean, and developer-friendly. Convert any HTML/CSS template into a deployable Liferay fragment or client extension.

Why Choose Design2Liferay?

  • 🚀 Instantly convert HTML and CSS into Liferay Fragments
  • 🎨 Maintain design consistency with theme tokens
  • 🔧 Reduce manual coding and configuration
  • 🧠 Empower marketers and designers with visual tools

Key Features of Design2Liferay

🔄 Auto Conversion
Convert HTML or design exports into deployable Liferay fragments.
🔗 Component Mapping
Map UI elements to existing Liferay widgets or your custom components.
🎛️ Token-Based Styling
Apply your design system tokens for consistent branding.
📦 Deployment Ready
Export bundles for immediate use in your Liferay instance.