Figalt
解锁专业矢量工具,免费使用,无需安装。

浏览器,就是你的画本。

免费在线 SVG 编辑器,打开就能创作。

体验桌面级的流畅渲染,在浏览器里直接绘制与编辑矢量图。你可以调整路径曲线、管理设计变量(Tokens)、构建可复用组件,让想法轻松成形。鼠标或触屏均可操作。

打开编辑器
演示素材占位
编辑器全景 · 画布、工具与属性面板

从第一条线,到想要的形状

手绘曲线、分叉路径、区域填色、形状组合,在同一张画布上继续精修。

铅笔手绘 → 收笔拟合 → 移动锚点与控制杆

随手画,收笔后继续精修

铅笔将手绘笔迹拟合成可编辑的矢量曲线。画完以后,仍能移动锚点、调整控制杆,继续完善线条。

钢笔从中间节点起笔 → 接回已有节点 → 形成分叉

从一个节点,长出新的线条

钢笔可以从已有节点起笔,也可以连接到已有节点,闭合轮廓或形成分叉。一个路径里,可以有多条相连的线。

相邻闭合区域分别填色 → 改色 → 取消填色

同一张线网,每块区域各有颜色

用填色工具点击线网中的闭合区域,分别填上不同颜色。换色后再点击就能改色,同色再点可取消填色。

弯曲、加点、拆开,线条由你决定

拖动锚点或控制杆调整曲线;弯曲工具可拉出控制杆,点击锚点变成尖角。剪断工具在线段上插入节点,拆点工具拆开节点连接;删除工具可以单独删除点、线段或控制点。

弯曲与尖角
剪断:在线段上插入节点
拆点 → 移开端点 → 用移动工具拖回并连接
删除点
删除线段
删除控制点

用基本形状,构造新的形状

绘制矩形和椭圆,再用并集、相减、交集、排除组合轮廓。布尔组保留原图形,结果也能拍平成可编辑路径。

矩形与椭圆 → 四种布尔运算 → 拍平后继续编辑

文字,也可以成为可编辑的轮廓

添加文字,调整字号、字重、对齐与基线。用拍平把文字转成路径,再使用路径工具修改字形。

文字属性调整 → 拍平转路径 → 修改字形节点

把图形组织好,把线条样式调到位

框选多个图形,移动、缩放、复制、打组和隐藏。调整填充、描边颜色与粗细,以及线条端点和拐角样式;修改不满意还可以撤销。

框选与缩放 → 打组 → 描边粗细、端点与拐角调整

打开、创作、调整、导出

  1. 1

    打开画布

    免费开始,无需注册,也不用安装应用。

  2. 2

    绘制与调整

    绘制路径、调整曲线,为图形区域填上颜色。

  3. 3

    导出作品

    选中你的图形,导出 SVG 或透明 PNG。

画好,直接拿去用

选中图形,导出 100% 纯净、Web 友好的 SVG 代码,或按倍率导出透明 PNG。画布背景与隐藏图形均不会带出,确保产出极简代码。

谁能从 Figalt 受益?

专为现代设计与开发工作流打造。

演示素材占位
作品展示占位

UI/UX 设计师

使用设计变量 (Tokens) 和可复用组件构建可扩展的设计系统。

演示素材占位
创作过程占位

Web 开发者

快速调整矢量形状,并导出 100% 纯净、Web 友好的 SVG 代码。

演示素材占位
导出成品占位

插画师与创作者

享受高性能渲染带来的丝滑绘画体验,轻松精修每一条曲线。

让创作继续下去

自动保存与离线编辑,让你专心在正在画的作品上。

鼠标、触屏,都能创作

鼠标与触屏都能绘制和编辑。触屏单指操作当前工具,双指平移与缩放画布;工具栏上也能撤销与重做。电脑、iPad 或其他触屏设备,打开浏览器即可创作。

专心画,改动自动保存

画稿会随改动自动保存,不用停下来找保存按钮。

断网,也能继续画

已经打开的画稿,断网后也能继续编辑。联网后,改动会自动同步。

更多工作方式,正在路上

计划支持

编辑已有 SVG 文件

SVG 导入暂未开放。计划支持打开已有 SVG、继续编辑,再导出修改后的作品。

即将上线 · Coming soon

一起画,让想法碰面

多人协作即将到来,和伙伴一起编辑同一份画稿。

开始之前,你可能想知道

需要付费吗?

不需要。所有功能完全免费,绘画、编辑、保存和导出都不花一分钱。

需要注册或安装吗?

不需要。打开浏览器就能免费开始绘制,无需注册,也不用安装应用。

支持触屏吗?

支持鼠标与触屏操作,包括 iPad 和其他触屏设备。

离线编辑具体指什么?

已经打开的画稿,断网后可以继续编辑,重新联网后同步改动。这里不承诺离线打开尚未加载的画稿。

可以导出哪些格式?

可以将选中的图形导出为 SVG 或透明 PNG。

现在能导入 SVG 或多人协作吗?

SVG 导入计划支持,多人协作即将上线,目前都尚未开放。

自由创作,让想法成形。

解锁专业矢量工具,免费使用,无需安装。

打开编辑器
Figalt

在浏览器里,免费绘制与编辑矢量图。