Saltar al contenido
PenLayer
Descargar
es

Para desarrolladores y equipos de producto

Rodea el bug. Olvida los números de línea.

Las revisiones de código y las demos por llamada acaban en “línea 42, no, el otro archivo”. Con PenLayer resaltas la línea, rodeas la variable y dibujas cómo se mueven los datos, directamente sobre tu editor, tu terminal o tu navegador.

Descargar para Mac

Gratis 14 días · luego desde 12 US$/año

Funciona con

  • VS Code
  • Xcode
  • IDE de JetBrains
  • Terminal
  • Navegadores
  • Figma
checkout.ts · revisión de código ● Compartiendo pantalla
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)

El problema

Por qué cuesta más de lo que debería.

01

Los números de línea no llegan

Cada uno está en un punto distinto del archivo, las fuentes cambian y “la línea 42” ya es otra tras la siguiente edición.

02

Los flujos cuestan de describir

Cómo viaja una petición desde el botón hasta la base de datos es más fácil de dibujar que de contar.

03

Las demos necesitan foco

En una demo de producto, el público debe mirar donde está el cambio, no ir a buscarlo.

Cómo ayuda PenLayer

Las herramientas que vas a usar.

Resalta una línea de código

Translúcido, para que el código de debajo siga siendo legible.

Rodea el bug

Pon un círculo alrededor del token exacto que está mal.

Dibuja el flujo

Flechas a mano alzada del botón al handler y a la consulta: la arquitectura en diez segundos.

Conjunto de iconos Software

Sellos para bugs, avisos, bases de datos, nubes y más, entre 1848 iconos de Lucide.

Listo en un minuto

Tres pasos.

  1. 1

    Comparte tu pantalla

    Tu editor, tu terminal o la app que estás enseñando.

  2. 2

    Pulsa ⌥⇧D

    Resalta, rodea y dibuja. ⌘Z deshace mientras dibujas, y luego vuelve a tu editor.

  3. 3

    Pulsa ⌥⇧D para volver a escribir

    Los clics y las teclas vuelven a tu editor al instante.

Consejos

De la experiencia.

  • !

    Mientras dibujas, ⌘Z es de PenLayer; en cuanto paras, vuelve a ser el deshacer de tu editor.

  • !

    Elige el conjunto de iconos Software en Preferences para que bugs, bases de datos y servidores salgan primero en el selector.

  • !

    Usa la línea discontinua para “aquí es donde debería ir” y la continua para “esto es lo que pasa ahora”.

Preguntas

Demos de software: preguntas y respuestas.

¿⌘Z deshará mi código por accidente? +

No. PenLayer solo reserva ⌘Z mientras dibujas. En cuanto paras, ⌘Z vuelve a tu editor.

¿Funciona sobre un IDE a pantalla completa? +

Sí. PenLayer dibuja sobre cualquier app de tu pantalla principal, incluidos editores y terminales a pantalla completa.

¿Puedo usarlo también para revisiones de diseño? +

Sí. Dibuja igual sobre Figma, un navegador o una captura de pantalla.

También se usa para

Pruébalo en tu próxima demo.

Gratis durante 14 días, con todo activado. Sin tarjeta, sin cuenta.