diff --git a/content/controls/builder.html b/content/controls/builder.html
index b8b37cf..f494cd1 100644
--- a/content/controls/builder.html
+++ b/content/controls/builder.html
@@ -1,9 +1,48 @@
+<style>
+  .builder-section{
+    background: #d8c5f0;
+    padding:0 5px;
+    border-radius: 2px;
+    font-weight: bold;
+  }
+  .builder-section-counter{
+    background:#bb00cc;
+    padding: 2px 6px;
+    border-radius: 2px;
+    font-size: 0.6rem;
+    margin-left: 0.6rem;
+  }
+  .builder-section-content{
+    padding:0.3rem 1rem;
+  }
+  .builder-section-content-item{
+    background: #c9f0c5;
+    padding: 0 5px 5px 5px;
+    border-radius: 2px;
+  }
+  .builder-section-content-item-properties{
+    background: white;
+    padding: 5px;
+    border-radius: 2px;
+  }
+</style>
 <div id="page-builder" class="layout vertical main">
   <!-- Title, remove when variable substitution works on pages -->
   <div class="layout horizontal right"><span data-#="id"></span></div>
   <!-- Editor -->
   <div class="layout horizontal gap">
-    <div id="builder" class="main c80-20">
+    <div id="builder" class="main c80-20 layout vertical">
+      <div data-$="sections" class="layout vertical">
+        <div class="builder-section layout horizontal middle"><span data-#="id"></span><span class="builder-section-counter" title="Número de usos en el layout" data-#="count"></span></div>
+        <div class="builder-section-content layout vertical left gap">
+          <div data-$="items" class="builder-section-content-item layout vertical">
+            <div data-#="@"></div>
+            <div class="builder-section-content-item-properties">
+              Hola!
+            </div>
+          </div>          
+        </div>
+      </div>
     </div>
     <!-- Page meta -->
     <div class="main c80-20">
diff --git a/content/controls/common-admin.php b/content/controls/common-admin.php
index bdc59ba..20e45cd 100644
--- a/content/controls/common-admin.php
+++ b/content/controls/common-admin.php
@@ -66,7 +66,7 @@
 
       protected function renderControl($meta,$data) {
         include('builder.html');
-        ?><script>builder.init(<?=json_encode($data['page'])?>);</script><?php
+        ?><script>builder.init(<?=json_encode($data['page'])?>,<?=json_encode($data['layout-usage'])?>);</script><?php
       }
     },
   ];
diff --git a/media/admin/builder.js b/media/admin/builder.js
index cca12ac..1885122 100644
--- a/media/admin/builder.js
+++ b/media/admin/builder.js
@@ -20,16 +20,37 @@
  */
 var builder = (function () {
     var meta;
+    var usage;
     var root;
+    var composer;
 
-    function init(pageMeta) {
+    function init(pageMeta, layoutUsage) {
         meta = pageMeta;
+        usage = layoutUsage;
         root = document.body.querySelector("#page-builder");
+        buildComposerData();
         refresh();
     }
 
-    function refresh(){
-        µWeb.populate(root,meta);
+    function buildComposerData() {
+        var sections = {};
+        for (var k in usage) {
+            sections[k] = {
+                id: k,
+                count: usage[k],
+                items: meta[k],
+            };
+        }
+        composer = {
+            layout: meta.layout,
+            controller: meta.controller,
+            "control-libraries": meta["control-libraries"],
+            sections: sections
+        };
+    }
+
+    function refresh() {
+        µWeb.populate(root, composer);
     }
 
     return {