矢量设计 + 字体创建

直接在浏览器中创建矢量图形和字体。

设计 SVG 图稿、制作像素字体、复用自己的字体,并导出可用于生产的文件,无需安装桌面软件。

创建和导出无需账号。只有在需要云端保存、公开分享和跨设备访问时才登录。

SVG可编辑的矢量导出
TTF浏览器内导出字体
工作时可撤销和重做
项目可设为私有或公开
一个创作工作区

设计图稿。制作字体。把它们一起使用。

DesignVector 把通常分开的两个流程连接起来:矢量插画与字体制作。你保存的字体会出现在矢量设计的排版控件中,让一个字体从字形网格直接进入真实构图,无需离开 Web 应用。

专注的矢量编辑器

创建文本、矩形、椭圆、手绘路径和图像图层。可分组、调整层级、锁定或隐藏图层,并应用填充、渐变、描边、不透明度、蒙版和阴影。

可导出 TTF 的字体工作台

在像素网格上绘制字形,实时预览文字,随时撤销或重做编辑,并直接从浏览器导出真正的 TrueType 字体。

清晰的设计与字体资料库

登录后,所有已保存的设计和字体都会整理在一个可搜索的资料库中,带预览、可见性状态和最近更新时间。打开项目即可继续编辑。

让画板贴合图稿

设置精确的文档尺寸,或让 SVG 画板自动贴合图稿的真实边界并设置留白,避免导出文件带有多余空白。

从第一个想法到可复用资产

围绕“创作”而不是“浏览”构建的浏览器工作流。

DesignVector 是一款用于制作视觉资产的交互式 Web 应用。你可以匿名开始,创建矢量作品或字体并本地导出;只有在需要同步、个人资料库或公开分享时才创建账号。

  1. 01

    无障碍开始创作

    立即打开编辑器。画布前不会出现强制注册墙。

  2. 02

    安全迭代

    矢量与字体编辑都支持撤销和重做,同时图层与字形状态保持清晰、可恢复。

  3. 03

    按你的方式保存

    访客可以保留本地草稿;登录后可同步项目,并为每个设计或字体选择私有或公开可发现。

  4. 04

    导出标准文件

    矢量作品可下载 SVG,字体可下载 TTF。保存的自定义字体也能直接用于 DesignVector 的设计构图。

关于 DesignVector 的问题

这个 Web 应用到底能做什么?

为创作者、团队,以及正在评估轻量级浏览器矢量与字体工具的人提供直接答案。

不注册账号也能使用 DesignVector 吗?

可以。访客也能使用矢量和字体编辑器,本地草稿可保存在设备上,导出 SVG 或 TTF 不需要注册。云端同步和公开分享才需要账号。

我创建的字体能用于矢量设计吗?

可以。保存到 DesignVector 的字体会加载到矢量编辑器的字体选择器中。使用自定义字体时,应用还能把字体嵌入导出的 SVG,确保视觉结果可携带。

公开项目和私有项目有什么区别?

私有项目只有所有者登录后可访问。公开设计和字体可以出现在“探索”中,也能被其他访客打开。保存时可以修改可见性。

如何去掉 SVG 导出周围的空白?

使用“画板适配图稿”。DesignVector 会计算可见矢量内容的边界,加上你设置的留白,并在导出前更新文档 viewBox。你也可以直接输入精确宽度和高度。

DesignVector