✨ 现已开启公测

让SVG设计与开发
零距离的矢量引擎

实时代码与画布双向同步,智能布尔运算,零安装跨平台秒开。
极速构建可复用、极简纯净的 Web 组件库。

<svg>
<path
d="M20 80..."/>
</svg>

全景功能,生而强大

专为现代前端工作流打造的矢量编辑工具箱

全功能工具箱

支持绘制矩形、圆形、多边形等标准几何图形,配备专业贝塞尔曲线 (Pen Tool),满足从简笔图标到复杂插画的创作需求。

实时代码-画布双向同步

内置代码编辑器,支持可视化操作与 SVG 源码的实时联动。“改代码,看效果;动图形,变代码”,让设计开发零距离。

智能路径与布尔运算

支持路径的合并、相减、相交等高级布尔操作,能够快速组合和裁剪出繁琐的复杂矢量轮廓。

多格式导出与预设优化

不仅支持标准 SVG 格式导出,更支持 PNG、WebP。内置 SVG Minify 压缩优化,自动去除无用元数据,产出极简代码。

图层与组件管理

清晰易懂的图层树状管理结构,支持深度分组、锁定、隐藏以及批量属性修改,让大型项目依旧保持井然有序的状态。

只为效能与极致体验

探索我们的核心优势

01

零安装,跨平台秒开

基于原生 Web 技术构建,彻底告别冗长的下载安装流程。不论您使用 Windows、macOS 版或是极客偏爱的 Linux 系统,只要有浏览器,就能瞬间切入工作流状态。

Windows macOS Linux
Load in 150ms
02

极简纯净的代码产出

与传统的桌面矢量设计软件(譬如 AI)产生包含庞杂标签文件的行为不同,我们的引擎底层专注于 Web 规范。所生成的源文件结构极其清晰,毫无任何冗余无用代码,前端开发直接复制可用。

<!-- No junk. -->
<svg viewBox="0 0 100 100">
  <circle
    cx="50" cy="50" r="40" 
    fill="#AE52FF"
  />
</svg>
03

丝滑的交互体验

我们采用精心调教的高性能渲染技术层,极大程度压榨浏览器硬件加速能力。即使处理高达六位数以上的海量路径控制节点集合,依然能够保持 60帧的顺滑体验,告别操作滞后感。

60 FPS
04

极低的学习门槛

产品布局深度参考并继承了现代主流 UI 设计工具的经典排布习惯,同时融合精心雕琢过的快捷组合键方案。不论您是驰骋多年的资深视觉设计师,抑或是代码为王的前沿极客,均能保证在5分钟内得心应手。

V
+
Drag
05

开发者友好基因

专为 Web 场景定制大量周边辅助性效能工具层:内置时下最受热捧的 Web 开源图库,系统层级支持 Base64 全转码机制、内嵌行内样式动态剥离。称得上是前端建立统一组件规范体系的最优伴侣。

Base64 Conv
Iconify Store
CSS inline
React JSX

准备重新定义您的界面交付流了吗?

即刻加入这场 Web 原生的矢量大爆炸当中。

进入工作台马上创作