Boxy SVG 4.105 macOS 矢量编辑 轻量级专业级双模界面 Chromium 渲染+DevTools式代码洞察

你不再需要在「易用性」和「专业深度」之间妥协——Boxy SVG 4.105 专为两类人而生:刚接触矢量设计的创意新手,以及每天与 SVG 代码打交道的前端工程师。它把 Inkscape 的自由度、Sketch 的呼吸感和 Illustrator 的精准控件,浓缩进一个无冗余、不卡顿的 macOS 原生界面里。
无论你是拖拽调整图标锚点、实时预览 CSS 变换效果,还是批量导出适配暗色模式的 WebP 图标集,所有操作都以秒级响应完成。SVG 不再是“只可远观”的代码文件——在这里,它可画、可调、可检、可发版。
CORE FEATURES
全新重构的双模工作区:左侧工具栏极简收放,右侧属性面板支持拖拽式数值微调;所有几何变换(缩放/旋转/倾斜)、填充描边、渐变蒙版均可直接在画布上点选编辑
一键导出即战力:原生支持 SVG/SVGZ 精准保存(保留 ID、class、title、aria-label 等语义化标签),同时直出高清 PNG/JPG/WebP(含透明通道)、打印级 PDF 与自包含 HTML5 页面
开箱即用的创作加速包:内置超 3,200 个免版权矢量素材(Clip Art Library 深度集成),实时加载 Google Fonts 全库字体并同步渲染文字路径;100+ 功能全可绑定自定义快捷键,连「反向路径」或「布尔差集」都能三键触发
智能辅助系统:动态吸附的多重参考线(对象/页面/像素三级对齐)、可切换密度的网格层、自动识别形状边缘的智能引导线,让对齐精度从“凭感觉”升级为“零误差”
FOR WEB DEVELOPERS
底层搭载 Chromium 渲染引擎——所见即线上真实表现,告别“本地预览正常、上线错位”的尴尬
独创 SVG/CSS 双视图代码检查器:左看结构树,右查实时样式,点击元素高亮对应图形,修改 class 立即反映在画布——就像在 Chrome DevTools 里直接编辑设计稿
专为工程流优化:导出 SVG Sprite 时自动合并 ID 命名空间、压缩冗余空格与注释,生成带 symbol 引用示例的 HTML 模板;导出 HTML5 时内联关键 CSS,首屏加载无需额外请求
真正懂开发者的细节:transform-origin 可双击重置(4.104.1 版本已修复历史遗留问题),路径数据保持可读性,动画关键帧节点支持手动插值标记
为什么设计师和前端团队都在迁入 Boxy SVG?因为它不做取舍——既给你鼠标拖拽的直观快感,也给你 inspect 元素的掌控自由;不是“简化版 Illustrator”,而是为 macOS 重新定义 SVG 工作流的下一代原生编辑器。
Screenshots:



下载地址: