Zum Inhalt springen
PenLayer
Download
de

Für Entwickler und Produktteams

Kreis den Bug ein. Vergiss Zeilennummern.

Code-Reviews und Demos im Call werden schnell zu „Zeile 42, nein, die andere Datei“. Mit PenLayer hebst du die Zeile hervor, kreist die Variable ein und zeichnest, wie die Daten fließen, direkt über Editor, Terminal oder Browser.

Download für Mac

14 Tage kostenlos · danach ab 12 $/Jahr

Funktioniert mit

  • VS Code
  • Xcode
  • JetBrains IDEs
  • Terminal
  • Browser
  • Figma
checkout.ts · Code-Review ● Bildschirm wird geteilt
1const cart = await loadCart(id) 2const total = cart.items.reduce( 3 (sum, i) => sum + i.price, 0) 4 5if (total > 100) { 6 applyDiscount(cart) 7} 8return checkout(total)

Das Problem

Warum es schwerer ist als nötig.

01

Zeilennummern kommen nicht an

Alle sind woanders hingescrollt, die Schriften unterscheiden sich, und „Zeile 42“ ist nach der nächsten Änderung eine andere.

02

Abläufe sind schwer zu beschreiben

Wie eine Anfrage vom Button zur Datenbank wandert, lässt sich leichter zeichnen als sagen.

03

Demos brauchen Fokus

In einer Produktdemo soll das Publikum dahin schauen, wo die Änderung ist, statt sie zu suchen.

So hilft PenLayer

Die Werkzeuge, die du brauchst.

Codezeile hervorheben

Durchscheinend, damit der Code darunter lesbar bleibt.

Den Bug einkreisen

Zieh einen Ring um genau das Token, das falsch ist.

Den Ablauf zeichnen

Freihandpfeile vom Button zum Handler zur Query: die Architektur in zehn Sekunden.

Icon-Set Software

Stempel für Bugs, Warnungen, Datenbanken, Clouds und mehr, aus 1.848 Lucide-Icons.

In einer Minute eingerichtet

Drei Schritte.

  1. 1

    Bildschirm teilen

    Deinen Editor, dein Terminal oder die App, die du vorführst.

  2. 2

    ⌥⇧D drücken

    Hervorheben, einkreisen, zeichnen. ⌘Z macht beim Zeichnen rückgängig und gehört danach wieder deinem Editor.

  3. 3

    ⌥⇧D drücken, weitertippen

    Klicks und Tasten gehen sofort zurück an deinen Editor.

Tipps

Aus der Praxis.

  • !

    Beim Zeichnen gehört ⌘Z PenLayer. Sobald du aufhörst, ist es wieder das Rückgängig deines Editors.

  • !

    Wähl in den Preferences das Icon-Set Software, damit Bugs, Datenbanken und Server vorne in der Auswahl stehen.

  • !

    Nimm den gestrichelten Linienstil für „so sollte es laufen“ und durchgezogen für „so läuft es jetzt“.

Fragen

Software-Demos: die Antworten.

Macht ⌘Z aus Versehen meinen Code rückgängig? +

Nein. PenLayer belegt ⌘Z nur, während du zeichnest. Sobald du aufhörst, gehört ⌘Z wieder deinem Editor.

Funktioniert es über einer IDE im Vollbild? +

Ja. PenLayer zeichnet über jede App auf deinem Hauptbildschirm, auch über Editoren und Terminals im Vollbild.

Kann ich es auch für Design-Reviews nutzen? +

Ja. Zeichne genauso über Figma, einen Browser oder einen Screenshot.

Auch genutzt für

Probier es in deiner nächsten Demo.

14 Tage kostenlos, alles freigeschaltet. Keine Karte, kein Konto.