#Wrapper { background-color: #e2e2e2; background-image: url("/static/img/shadow_light.png"), url("//cdn.v2ex.com/assets/bgs/circuit.png"); background-repeat: repeat-x, repeat-x; } #Wrapper.Night { background-color: #1f2e3d; background-image: url("/static/img/shadow.png"), url("//cdn.v2ex.com/assets/bgs/circuit_night.png"); background-repeat: repeat-x, repeat-x; background-size: 20px 20px, 162.5px 162.5px; }
OpenPencil 迎来了 v0.3.0：彻底打通了从设计到代码的“最后一公里”，真正的 Design-as-Code 。
给 AI 装上“眼睛”（视觉参考管线）
看图抄作业： 直接扔一张参考图给 AI ，它就能秒懂你的意图，在画布上实时生成对应的 UI 结构。
自带质检员：AI 画完之后，还会触发底层的自动校验系统，给自己打分并修正布局偏差。
丧心病狂的 8 大框架代码导出 这绝对是本次更新的王炸！画完图还要手敲代码？不存在的。 现在可以直接一键导出生产级代码，除了原有的 React 和 HTML ，这次我们一口气加上了：
React & Vue & Svelte + Tailwind （前端老哥狂喜）
SwiftUI & React Native & Flutter & Jetpack Compose （开发 iOS/macOS 或跨端 App 的独立开发者，这波绝对让你们爽飞，直接复制粘贴就能跑原生界面！）
补齐专业短板：原生布尔运算 现在 OpenPencil 已经不仅仅是个大模型套壳了，它支持真正的矢量布尔运算（联集/减去/交集）。按下快捷键 U/S/I ，复杂的图形组合瞬间搞定。
桌面端丝滑体验 全平台原生支持双击打开 .op 文件。配合动态呼吸灯边框（ Agent Badge Glow ），你在本地看 AI 多线程画图的赛博朋克感再次飙升！
给 AI 装上“眼睛”（视觉参考管线）
看图抄作业： 直接扔一张参考图给 AI ，它就能秒懂你的意图，在画布上实时生成对应的 UI 结构。
自带质检员：AI 画完之后，还会触发底层的自动校验系统，给自己打分并修正布局偏差。
丧心病狂的 8 大框架代码导出 这绝对是本次更新的王炸！画完图还要手敲代码？不存在的。 现在可以直接一键导出生产级代码，除了原有的 React 和 HTML ，这次我们一口气加上了：
React & Vue & Svelte + Tailwind （前端老哥狂喜）
SwiftUI & React Native & Flutter & Jetpack Compose （开发 iOS/macOS 或跨端 App 的独立开发者，这波绝对让你们爽飞，直接复制粘贴就能跑原生界面！）
补齐专业短板：原生布尔运算 现在 OpenPencil 已经不仅仅是个大模型套壳了，它支持真正的矢量布尔运算（联集/减去/交集）。按下快捷键 U/S/I ，复杂的图形组合瞬间搞定。
桌面端丝滑体验 全平台原生支持双击打开 .op 文件。配合动态呼吸灯边框（ Agent Badge Glow ），你在本地看 AI 多线程画图的赛博朋克感再次飙升！
Select Language