CRX id
kcaolbnngiaedjenblchphhmmlcmajmi
kcaolbnngiaedjenblchphhmmlcmajmi
Description from extension meta
UI-Wireframes in Chrome. Skizzenhafte Elemente ziehen, skalieren und Screenshots ganz einfach erstellen.
Image from store
Description from store
UI Builder – Mockup Tool ist ein schnelles Web Wireframe- und Web Design-Tool, mit dem du UI-Layouts auf jeder Live-Seite oder auf einer neuen leeren Seite skizzieren kannst. Zeige Kunden mögliche Designänderungen direkt auf der Live-Website, ohne das Tool wechseln zu müssen.
🔵 Entwickelt für Designer, Product Owner, Entwickler und Business Analysten, die schnelle Mockups benötigen, ohne die Seite zu verlassen. Ziehe handgezeichnete Widgets per Drag-and-drop, passe ihre Größe fließend an, bearbeite Texte direkt vor Ort, erstelle schnell einen Screenshot und teile ihn – alles zu 100 % lokal in deinem Browser für schnelles Prototyping.
🔹 Sofortige Wireframes – verwandle jede Website (oder eine leere Leinwand) in eine Spielwiese für Mockups
🔹 Echtes WYSIWYG – bearbeite Button-Beschriftungen, Überschriften und Farben direkt auf dem Bildschirm
🔹 Tastaturfreundlich – Ctrl/⌘ + C/V zum Duplizieren, Delete zum Entfernen, Esc zum Abbrechen
🔹 Pixelgenaue Exporte – speichere den ausgewählten Bereich als PNG oder kopiere einen Screenshot in die Zwischenablage
🔹 Datenschutz an erster Stelle – keine Netzwerkanfragen, keine Analyse- oder Tracking-Tools; alle Daten bleiben in chrome.storage.local
🔹 Leichtgewichtig – wird nur bei Bedarf geladen, um das Surfen schnell zu halten
1️⃣ Installiere und pinne das Symbol in der Symbolleiste
2️⃣ Klicke auf UI Builder – die Palette erscheint
3️⃣ Ziehe Widgets (Buttons, Überschriften, Eingabefelder, Rahmen, Trennlinien…) auf die Seite oder auf eine leere Leinwand
4️⃣ Passe Größe und Farbe an, bis es richtig aussieht
5️⃣ Drücke das Diskettensymbol, ziehe ein Auswahlrechteck, bestätige mit ✓ – erhalte dein PNG oder füge es direkt in Slack / Figma / Jira ein
Ideal für:
🔹 schnelles Skizzieren von Ideen, bevor schwere Design-Tools geöffnet werden
🔹 Annotieren von Kundenwebsites während Live-Anrufen
🔹 Vermitteln der Grundlagen des Webdesigns ohne zusätzliche Software
🔹 Erstellen von Produkt-Screenshots für Spezifikationen und Tickets
🚀 Füge die Chrome-Erweiterung **"UI Builder – Mockup Tool"** noch heute hinzu und starte das Wireframing des Webs mit nur einem Klick!
Latest reviews
- (2025-05-12) Game Top: Really handy tool for quick wireframes and mockups right in Chrome. Easy to use, no bloat, and perfect for sketching ideas fast without opening design software. Love that it works offline and keeps everything local.
- (2025-05-10) Brian Cooper: Such a cool tool! The best part is being able to immediately interact with existing web UI. Especially nice for sketching quick wireframe ideas.
- (2025-05-09) לירן בלומנברג: Super handy tool! Great for quick wireframing and sketching ideas directly on live pages. Loved the drag-and-drop experience and how smooth everything feels. Perfect for fast client demos or product mockups — no fluff, just works. Highly recommended!
- (2025-05-07) coolman123: it looks good but how do i use it
- (2025-05-07) Nikita Dorofeev: Ideal for video meetings
- (2025-05-03) Marc-Olivier Poissant: Very intuiative !
- (2025-05-02) Craig: This is an awesome tool! The blank canvas is cool, but I love that I can place elements on my existing website to try out new layouts over my current version.