设计稿改完一轮,代码却还停在上一版;开发照着截图还原,细节又在交接里走样。pen.dev把这段反复拉扯搬进IDE:在VS Code、Cursor或桌面端打开.pen文件,直接在矢量画布上搭页面、调组件,也能让AI读取当前选区,用自然语言生成或修改界面。设计完成后,可继续生成React、Next.js、Tailwind等代码;现有代码也能反向还原成可编辑设计,并同步颜色、间距与字体变量。组件、设计库和主题可统一维护,.pen文件还能进入Git分支、对比与合并。对需要同时推进设计和开发的团队来说,pen.dev省掉的是设计稿与实现之间最容易丢信息的那段路,让改稿、交付和落地留在同一套上下文里。












