跳到正文
PenLayer
下载
zh

开发者与产品团队

直接圈出 bug,不用报行号。

在通话里做代码审查和演示,常常变成“第 42 行,不对,是另一个文件”。有了 PenLayer,你直接在编辑器、终端或浏览器上高亮那一行、圈出那个变量、画出数据怎么流动。

下载 Mac 版

免费试用 14 天 · 之后 US$12/年起

适用于

  • VS Code
  • Xcode
  • JetBrains IDE
  • 终端
  • 浏览器
  • Figma
checkout.ts · 代码审查 ● 正在共享屏幕
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)

问题所在

为什么没那么简单。

01

行号对不上

每个人滚动到的位置不同,字体也不同,改一次代码之后,“第 42 行”就指向别的地方了。

02

流程很难说清

一个请求怎么从按钮一路走到数据库,画出来比说出来容易得多。

03

演示需要聚焦

产品演示时,观众应该直接看到改动在哪里,而不是自己去找。

PenLayer 如何帮忙

你最常用的工具。

高亮一行代码

半透明,下面的代码依然清晰可读。

圈出 bug

给出错的那个符号画个圈。

画出流程

用手绘箭头从按钮连到处理函数,再连到查询:十秒钟讲清架构。

软件图标集

bug、警告、数据库、云等图章,出自 1,848 个 Lucide 图标。

一分钟上手

三个步骤。

  1. 1

    共享屏幕

    你的编辑器、终端,或者你要演示的应用。

  2. 2

    按 ⌥⇧D

    高亮、圈重点、画图。绘图时 ⌘Z 用来撤销笔迹,停止后就还给你的编辑器。

  3. 3

    按 ⌥⇧D 继续敲代码

    点击和按键立刻回到你的编辑器。

技巧

经验之谈。

  • !

    绘图时,⌘Z 归 PenLayer;一旦停止,它又是编辑器的撤销了。

  • !

    在“Preferences”里选择“Software”图标集,bug、数据库、服务器这些图标就会排在选择器最前面。

  • !

    用虚线表示“应该是这样”,用实线表示“现在是这样”。

常见问题

关于软件演示,你可能想问。

⌘Z 会不小心撤销我的代码吗? +

不会。PenLayer 只在你绘图时占用 ⌘Z。一旦停止,⌘Z 就回到你的编辑器。

在全屏 IDE 上能用吗? +

能。PenLayer 能画在主显示器上的任何应用之上,包括全屏的编辑器和终端。

设计评审也能用吗? +

能。在 Figma、浏览器或截图上,用法完全一样。

其他使用场景

下次演示就试试。

免费试用 14 天,全部功能开放。无需绑卡,无需账户。