Unser eigenes Produkt, ein Design- und Review-Tool

CRABZLAB

Design und Review am echten Produkt, nicht an Bildern davon.

Das Designtool CRABZLAB bearbeitet ein laufendes Produkt
Kunde
Unser eigenes Produkt, ein Design- und Review-Tool
Plattformen
macOS (0.2.9 Preview-Build); Web-App, Windows und Linux in Entwicklung; Tablets als Nächstes
Jahr
2026
Live
crabzlab.com
Rolle
Produkt, Design, Entwicklung
crabzlab.com besuchen Projekt starten

Die Herausforderung

Eine Designdatei ist ein Bild, und das Produkt entwickelt sich ohne sie weiter. Designtools enthalten Zeichnungen, Feedback-Tools enthalten Screenshots, und nichts enthält das laufende Produkt selbst. So landen Notizen wie „der Button links“ bei der falschen Komponente. CRABZLAB begann als Review-Board für unsere eigenen Produkte, zuerst Goldmarket, und wurde zu einem eigenständigen Tool.

01

Das laufende Produkt auf einer Arbeitsfläche.

Jede Route eines Live-Builds, auf echten Geräten erfasst und nebeneinander angeordnet, mit bis zu zwölf Screens gleichzeitig live.

CRABZLAB Arbeitsfläche mit Goldmarket Routen live nebeneinander, links die Ebenen
02

Zeigen Sie auf etwas, es weiß, was es ist.

Beim Hovern erscheint der Name des Elements, ein Klick heftet einen Kommentar an, der Komponente, Box und Route mitführt.

CRABZLAB Ebenen, ein Live-Smartphone mit markiertem Element und das Inspektor-Panel
03

Jede Sicht auf ein Produkt.

Acht Seiten aus denselben Aufnahmen: Screens, Flows, Szenarien, Sitemap, Designsystem, Responsive, Moodboard und Branding.

CRABZLAB Seite Screens, Routen nach Bereichen gruppiert
04

Ein Button, ein dokumentiertes Produkt.

Optimize liest das Produkt hinter den Screens und schreibt Sitemap, Flows und Designsystem in einem Schritt, mit einem einzigen Undo.

CRABZLAB Optimize liest vier Quellen und schreibt acht Seiten
05

Ein Briefing, kein Rätselraten.

Send to iterate schreibt ein präzises Briefing für das Coding-Tool, das das Team ohnehin nutzt, auf dem eigenen Rechner, und die Screens ziehen nach.

Headline von crabzlab.com: Design on the real product
CRABZLAB Laborwerte auf einem iPhone: 34 ms First Paint, 28 Geräte-Presets, 16.8 ms Pan und Zoom

Ergebnisse

  • 34 msvom Öffnen einer Datei bis zur gezeichneten Arbeitsfläche, bei einem Budget von 500 ms.
  • 16.8 msp95 für Pan und Zoom mit 12 Live-Screens auf der Arbeitsfläche.
  • 28Geräte-Presets, vom Smartphone bis 5K, mit echter Pixeldichte und Touch.
  • 0.0%CPU, wenn sich auf der Arbeitsfläche nichts bewegt.
  • 617 / 617Interface-Texte auf Englisch und Georgisch.

Die Werte stammen aus den eigenen Labormessungen von crabzlab.com, gemessen auf einem Mac mit zwölf Live-Screens. macOS 0.2.9 ist ein Preview-Build ohne öffentlichen Download, und die Preise sind geplant, nicht live.