Pular para o conteúdo
PenLayer
Baixar
pt

Para devs e times de produto

Circule o bug. Esqueça o número da linha.

Revisões de código e demos por chamada viram “linha 42, não, o outro arquivo”. Com o PenLayer, você destaca a linha, circula a variável e desenha como os dados se movem, direto sobre o editor, o terminal ou o navegador.

Baixar para Mac

Grátis por 14 dias · depois a partir de US$ 12/ano

Funciona com

  • VS Code
  • Xcode
  • IDEs da JetBrains
  • Terminal
  • Navegadores
  • Figma
checkout.ts · revisão de código ● Compartilhando a tela
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)

O problema

Por que é mais difícil do que deveria.

01

Número de linha não funciona

Cada um rolou para um lugar diferente, as fontes mudam, e “linha 42” vira outra coisa depois da próxima edição.

02

Fluxos são difíceis de descrever

O caminho de uma requisição do botão até o banco de dados é mais fácil de desenhar do que de explicar.

03

Demos precisam de foco

Numa demo de produto, o público deve olhar para onde está a mudança, não ficar procurando.

Como o PenLayer ajuda

As ferramentas que você vai usar.

Destaque uma linha de código

Transparente, então o código embaixo continua legível.

Circule o bug

Faça um círculo em volta exatamente do token errado.

Desenhe o fluxo

Setas à mão livre do botão para o handler e do handler para a query: a arquitetura em dez segundos.

Conjunto de ícones Software

Carimbos de bugs, avisos, bancos de dados, nuvens e mais, entre 1.848 ícones Lucide.

Pronto em um minuto

Três passos.

  1. 1

    Compartilhe a tela

    O seu editor, o terminal ou o app que você está demonstrando.

  2. 2

    Pressione ⌥⇧D

    Destaque, circule e desenhe. Enquanto você desenha, o ⌘Z desfaz o desenho; depois, volta a ser do editor.

  3. 3

    Pressione ⌥⇧D para voltar a digitar

    Cliques e teclas voltam para o editor na hora.

Dicas

Aprendido na prática.

  • !

    Enquanto você desenha, o ⌘Z pertence ao PenLayer; assim que você para, ele volta a ser o desfazer do seu editor.

  • !

    Escolha o conjunto de ícones Software em Preferences para que bugs, bancos de dados e servidores apareçam primeiro no seletor.

  • !

    Use a linha tracejada para “é aqui que deveria ir” e a contínua para “é isto que acontece agora”.

Dúvidas

Demos de software: suas dúvidas.

O ⌘Z vai desfazer o meu código sem querer? +

Não. O PenLayer só assume o ⌘Z enquanto você está desenhando. Assim que você para, o ⌘Z volta para o seu editor.

Funciona sobre uma IDE em tela cheia? +

Sim. O PenLayer desenha sobre qualquer app na sua tela principal, inclusive editores e terminais em tela cheia.

Posso usar em revisões de design também? +

Sim. Desenhe do mesmo jeito sobre o Figma, um navegador ou uma captura de tela.

Também usado para

Experimente na sua próxima demo.

Grátis por 14 dias, com tudo liberado. Sem cartão, sem conta.