How to Use Design2Liferay

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

🧩 How to Import Fragments into Liferay

If your Client Extension includes Fragments, here’s how to import them into a Liferay site.

  1. Locate the Fragment ZIP
    Design2Liferay automatically generates a Fragment Collection ZIP file.
  2. Open Liferay and Go to the Target Site
    Log in to your Liferay instance and navigate to the target site.
  3. Access the Site Control Panel
    Use Site → Site Control Panel from the menu.
  4. Open the Fragments Section
    Go to Design → Fragments in the control panel.
  5. Click “Import Collection”
    Use the Import Collection button in the Fragments screen.
  6. Choose and Import the ZIP File
    Select the generated Fragment ZIP and click Import.