Pencil

Pencil 是一款将设计画布直接嵌入开发环境的新工具，支持 Cursor 和 VS Code。它让设计师和开发者在同一个工作空间里协作——你在画布上画好界面，AI 帮你直接生成生产可用的 HTML、CSS 或 React 代码，全程无需离开 IDE。与传统流程不同，Pencil 的设计文件存在 Git 仓库里，和代码文件并排管理。设计改了，代码跟着走；版本回滚，设计同步还原。一套仓库，一条历史线，再也不用担心"设计版本和代码版本对不上"。它也不要求你抛弃 Figma。早期探索、头脑风暴依然可以在 Figma 完成，等到进入执行阶段，把素材粘贴进 Pencil，矢量图形、样式、文字完整还原，从此告别反复标注、反复对齐的交接噩梦。