Vai al contenuto
PenLayer
Scarica
it

Per sviluppatori e team di prodotto

Cerchia il bug. Niente numeri di riga.

Code review e demo in chiamata diventano “riga 42, no, l’altro file”. Con PenLayer evidenzi la riga, cerchi la variabile e disegni come si muovono i dati, direttamente sopra l’editor, il terminale o il browser.

Scarica per Mac

Gratis per 14 giorni · poi da 12 USD/anno

Funziona con

  • VS Code
  • Xcode
  • IDE JetBrains
  • Terminal
  • Browser
  • Figma
checkout.ts · revisione del codice ● Condivisione schermo
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)

Il problema

Perché è più difficile del dovuto.

01

I numeri di riga non funzionano

Ognuno è in un punto diverso del file, i font cambiano, e “riga 42” è un’altra cosa dopo la modifica successiva.

02

I flussi sono difficili da spiegare

Come viaggia una richiesta dal pulsante al database è più facile da disegnare che da dire.

03

Le demo richiedono attenzione

In una demo di prodotto, il pubblico deve guardare dov’è la modifica, non andarla a cercare.

Come aiuta PenLayer

Gli strumenti che userai.

Evidenzia una riga di codice

Trasparente, così il codice sotto resta leggibile.

Cerchia il bug

Metti un cerchio attorno al token esatto che è sbagliato.

Disegna il flusso

Frecce a mano libera dal pulsante all’handler alla query: l’architettura in dieci secondi.

Set di icone Software

Timbri per bug, avvisi, database, cloud e altro, tra 1.848 icone Lucide.

Pronto in un minuto

Tre passaggi.

  1. 1

    Condividi lo schermo

    L’editor, il terminale o l’app che stai mostrando.

  2. 2

    Premi ⌥⇧D

    Evidenzia, cerchia e disegna. ⌘Z annulla mentre disegni, poi torna al tuo editor.

  3. 3

    Premi ⌥⇧D per tornare a scrivere

    Clic e tasti tornano subito al tuo editor.

Consigli

Dall’esperienza.

  • !

    Mentre disegni, ⌘Z appartiene a PenLayer; appena smetti, è di nuovo l’annulla del tuo editor.

  • !

    Scegli il set di icone Software in Preferences, così bug, database e server sono i primi nella scelta.

  • !

    Usa la linea tratteggiata per “qui è dove dovrebbe andare” e quella continua per “questo è ciò che succede ora”.

Domande

Demo software: le risposte.

⌘Z annullerà il mio codice per sbaglio? +

No. PenLayer prende ⌘Z solo mentre disegni. Appena smetti, ⌘Z torna al tuo editor.

Funziona sopra un IDE a tutto schermo? +

Sì. PenLayer disegna sopra qualsiasi app sul monitor principale, editor e terminali a tutto schermo compresi.

Posso usarlo anche per le revisioni di design? +

Sì. Disegna allo stesso modo sopra Figma, un browser o uno screenshot.

Si usa anche per

Provalo alla prossima demo.

Gratis per 14 giorni, con tutto attivo. Niente carta, niente account.