01 / VectorCraft 矢量插画 · Web 版

01 VectorCraft

一款你一看就会用的矢量编辑器。

钢笔工具、Pathfinder、混合、渐变网格、透视网格与画板 —— 一款完全用 Rust 编写并编译为 WebAssembly 的免费开源 Illustrator 替代品。它打开 SVG、PDF 与 .ai 文件,无需账号,从不上传你的作品,并可离线使用。 打开 VectorCraft 编辑器 —— 免费且开源。

在浏览器中运行 —— 免费且开源

VectorCraft, a free online vector editor, with three live blend ribbons clipped to the artboard, one selected with its key paths showing
画板内裁切的实时混合缎带,其中一条被选中并显示关键路径,旁边是图层面板

02 / 亮点

内里乾坤。

01

设计上令人熟悉

钢笔、直接选择、Pathfinder、智能参考线、外观、色板与图层 —— Illustrator 的版面、工具、面板与快捷键,以净室开发方式用 Rust 重建。

02

精确的曲线数学

在精确贝塞尔曲线上做布尔运算 —— 不存在“无法执行操作” —— 文件往返经属性测试,结构共享带来无限撤销。

03

架构上的高性能

多线程 SIMD 渲染与 UI 线程分离:视网膜分辨率下约 27 毫秒渲染 20,000 个图形,界面仍保持 120 fps。

04

开放的格式进出

有文档的原生格式(.vectorcraft,JSON)、一流的 SVG 与 SVGZ、PDF 及 PDF 兼容 .ai、PNG/JPEG/WebP 导出与“导出为屏幕所用” —— 还能打开 EPS、DXF、EMF/WMF 与 PSD。

05

为智能体而生

每个菜单项、工具手势、面板与对话框都可经 JSON 控制通道驱动 —— 托管 MCP 服务器(mcp.artcraftweb.org)还能让 Claude 等智能体直接操控这个标签页:用 ?mcp=<token> 打开编辑器,再把任意 MCP 客户端指向它即可。

06

随处可用

桌面与 Web 共用同一份 Rust 代码;浏览器版中文件留在你的设备上,并缓存以供离线绘画。

03 / 适用场景

真正的插画创作,就在一个浏览器标签页里。

01

绘制图标与标志

钢笔与贝塞尔编辑配上智能参考线、Pathfinder 布尔运算,导出干净的 SVG 可直接用于网页。

02

构建有层次的作品

混合缎带、径向重复、渐变网格与封套扭曲 —— 把平面形状变成插画的一整套构造工具。

03

同时面向印刷与屏幕

多画板逐板导出,PDF 供印刷,SVG 供网页,PNG/JPEG/WebP 经“导出为屏幕所用”批量输出。

04 / 使用方法

五步画出一幅矢量插画。

  1. 01

    打开一个标签页

    VectorCraft 在浏览器中启动 —— 无下载、无账号。新建带画板的文档,或直接从设备打开 SVG、PDF 或 .ai 文件。

  2. 02

    用钢笔绘画

    点出路径,用贝塞尔手柄弯折,智能参考线帮你吸附到位;上下文任务栏让下一步操作触手可及。

  3. 03

    用 Pathfinder 与混合构造

    用精确布尔运算组合形状、把两条路径混合成缎带、径向重复、封套扭曲 —— 全部非破坏性。

  4. 04

    上样式

    通过色板管理填充、描边、渐变与渐变网格;图层与外观按你熟悉的方式堆叠效果。

  5. 05

    导出到任何地方

    SVG 供网页,PDF 供印刷,PNG/JPEG/WebP 供屏幕 —— 逐画板或经“导出为屏幕所用”批量。

05 / 格式

格式有进有出。

格式支持说明
SVG / SVGZ导入 + 导出一流往返支持 —— 网络自己的矢量格式
PDF / PDF-compatible .ai导入 + 导出导出时含供印刷的 PDF/X
PNG, JPEG, WebPexport任意分辨率栅格化,逐画板或批量
EPS, DXF, EMF/WMFimport传统矢量格式可直接打开编辑
PSD/PSBimport以其合并图像置入
GIF, TIFF, BMPimport供描摹与置入的栅格参考
Native format导入 + 导出有文档的 .vectorcraft JSON —— 可 diff、经得起未来

06 / 截图

在 VectorCraft 中截取。

The Direct Selection tool showing anchor points and Bézier handles on a crescent built with Pathfinder
直接选择:Pathbuilder 构建的新月形上的锚点与贝塞尔手柄
Two lit building facades drawn on the planes of a two-point perspective grid at sunset
两点透视:在网格平面上绘制立面,配合平面切换部件
Four artboards in the light UI theme showing Pathfinder, Gradient Mesh, radial Repeat and Envelope Distort
四个画板:Pathfinder、渐变网格、径向重复与封套扭曲

07 / 获取 VectorCraft

无需安装任何东西。

打开一个标签页

完整的矢量引擎编译为 WebAssembly —— 无下载、无安装器、无账号。它像网页一样启动,像原生应用一样绘画。

启动编辑器

可离线使用

从浏览器安装为应用后,VectorCraft 断网也能继续工作 —— 外壳、引擎与最近文档都缓存在你的设备上。

作品始终归你所有

文件以 SVG、PDF 或有文档的 .vectorcraft 格式从设备打开并保存回设备。没有任何上传 —— 也没有可供上传的服务器。

08 / 常见问题

有问题,有答案。

AI 智能体能操控这个编辑器吗?

可以。用 ?mcp=<token> 打开编辑器,把任意 MCP 客户端指向 mcp.artcraftweb.org/mcp?token=<token> —— Claude 等智能体即可像人一样绘制、编辑并导出作品。

VectorCraft 真的免费吗?

是的。VectorCraft 采用 MIT OR Apache-2.0 双许可,免费且开源 —— 无订阅、无授权服务器、无遥测。网页版无需账号。

它适合做标志与图标吗?

适合 —— 精确贝塞尔编辑、Pathfinder 布尔运算与干净的 SVG 导出构成可靠的标志与图标工作流;多画板可容纳整套图标并逐板导出。

它能打开 Illustrator 的 .ai 文件吗?

PDF 兼容的 .ai 文件像普通 PDF 一样打开;较新的专有格式会回退到多数 .ai 文件内嵌的同一 PDF 流。

SVG 导出干净吗?

干净 —— 路径、渐变与文本经引擎自己的 SVG 写出器往返,并针对导入器做了属性测试;不会在你不知情时栅格化任何内容。

它有键盘快捷键吗?

内置 Illustrator 风格的工具与命令快捷键,且每个菜单项都可经 JSON 控制通道与 MCP 驱动以实现自动化。

它能打开 SVG 和 PDF 文件吗?

能 —— 一流的 SVG 与 SVGZ、PDF 及 PDF 兼容 .ai 都能在浏览器标签页中打开,另有 EPS、DXF、EMF/WMF 及包括 PSD 在内的栅格格式。

能同时导出供印刷与屏幕使用吗?

PDF(含 .ai 兼容)供印刷,SVG 与 SVGZ 供网页,PNG/JPEG/WebP 供屏幕,支持逐画板与“导出为屏幕所用”批量 —— 全部由 VectorCraft 自己的 Rust 代码写出。

这个矢量编辑器能离线使用吗?

可以。从浏览器把 VectorCraft 安装为应用后,外壳、引擎与最近的文档都缓存在你的设备上;断网也能继续绘画。

我的作品会被上传到哪里吗?

不会。编辑器运行在标签页里;文件以有文档的 .vectorcraft JSON 或 SVG/PDF 从设备打开并保存回设备。没有可供上传的服务器。

它有多快?

Multithreaded SIMD rendering off the UI thread: 20,000 shapes render in about 27 ms at retina resolution while the interface stays at 120 fps — with exact curve booleans that never fail with “cannot perform operation”.

09 / Craft 家族

Craft 应用家族。

VectorCraft 是开源创作工具家族的一员。

画点什么吧。

钢笔、Pathfinder 与透视 —— 就在一个标签页里,免费。

开始绘画