Crank 今日发布

Crank 是一款面向开发者的界面扫描与导出工具，可以将正在运行的应用界面转换为 Figma 中可直接编辑的矢量图层——不是截图，而是真实的文字、矢量图形、图片和布局，可以选中、修改、再次扫描时还能智能更新已有画框，不会重复创建。nn传统的设计交付流程中，前端工程师用 Vibe Coding 生成界面后，设计还原度检查往往需要设计师反复对照截图标注，沟通成本高、修改效率低。Crank 的思路是：让应用跑起来，工具读取浏览器或模拟器实际渲染出的界面结构，然后把这些结构以可编辑图层的方式送进 Figma 或 Paper，设计团队在此基础上直接微调，无需重建。nn支持的输入类型包括：Web 项目（Vite、Next.js、Remix、Astro、静态站点）和 Electron 应用（React、Vue、Svelte、Angular、Chromium 内核）。对于 SwiftUI 应用，Crank 会在模拟器中运行项目并导出可可靠到达的页面。nn工作流程为：用户将项目文件夹或 .app 直接拖入 Crank 窗口，工具自动识别技术栈并启动项目，然后扫描可遍历的页面，记录每个屏幕之间的点击路径，导出时保留这些路径以便重复到达同一屏幕。导出后的图层在 Figma 中可直接选中修改；再次扫描同一项目时，工具会智能更新已有画框而非重复创建。nn本地优先是另一个特点：所有扫描在本机完成，源码不会上传，只有用户主动触发同步时才会发送标准化的视觉结构数据，整个过程不使用云端 AI 处理。nnCrank 处于早期阶段，目前仅提供 macOS（Apple Silicon）版本下载，尚未签名，macOS 会误报「应用已损坏」，按住 Control 再点击即可绕过，或在终端运行指定命令解除隔离。