### [Whoosh](https://hello123.com/)

**Published:** 2026-08-20T01:00:00

**Author:** hello123

**Excerpt:** Whoosh提供高质量卡通插画素材与动画模板，设计师可免费下载PNG格式，付费用户享Sketch/Figma源…

## Whoosh 插画素材：免费 PNG 与付费源文件的分层逻辑

[Whoosh](https://www.ls.graphics/whoosh/vivd) 是 ls.graphics 团队推出的卡通风格插画素材库，覆盖 UI 设计、演示文稿、营销物料三类高频场景。免费账号可以直接下载全部 PNG 插画。付费订阅从 **9 美元/月** 起步，解锁 Sketch、Figma、Adobe XD、Illustrator 源文件以及扩展商业许可证。注册完成后，仪表板会在前五分钟内展示所有可用产品，无需等待审核。

付费层分两档：“在线工具”订阅 9 美元/月（年付 99 美元），包含 PNG/JPG 在线导出与 Figma 插件。更高一档“资产+在线工具”12 美元/月（年付 144 美元），额外提供 PSD、Sketch、Figma 全套源文件。订阅用户没有每日下载配额，许可证允许将插画用于客户项目与商业产品，但禁止转售素材本身。

## Whoosh 怎么用：从注册到 Figma 插件集成

注册流程只问三项信息：姓名、邮箱、密码。提交后付费用户会收到登录链接，直接进入个人仪表板。仪表板按产品分组展示已购与可访问资源，新发布的素材会自动同步到订阅账户。

如果打算在 Figma 中调用 Whoosh 插画，需要先在个人资料页将 Whoosh 账户与 Figma 插件账户绑定。绑定完成后，在 Figma 内直接拖放插画到画板即可，省去频繁切换浏览器下载的环节。免费用户虽不能使用 Figma 插件，但仍可在网站端批量下载 PNG 后手动导入设计稿。

## Whoosh 卡通插画的核心功能与文件格式

Whoosh 的资产由两类构成：可二次调色的矢量插画，以及预设动画模板。插画支持调整颜色、形状、构图，便于贴合品牌色板。动画模板可直接套用到加载页、空状态、引导浮层等位置，无需独立制作动效。

下表汇总了三档账户的格式与权限差异：

| 资源/权限 | 免费账号 | 在线工具（9 美元/月） | 资产+工具（12 美元/月） |
| --- | --- | --- | --- |
| PNG 下载 | 全部  | 全部  | 全部  |
| 源文件格式 | —   | Sketch / Figma / XD / AI | Sketch / Figma / XD / AI / PSD |
| 在线工具导出 | —   | PNG / JPG | PNG / JPG |
| Figma 插件 | —   | 支持  | 支持  |
| 商业授权范围 | 个人练习 | 扩展许可（不可转售） | 扩展许可（不可转售） |

扩展许可证覆盖客户交付与商业产品上线两类用途，但素材不得二次售卖或单独分发。团队协作时建议以企业账户统一授权。

## 使用 Whoosh 需要留意的几个边界条件

免费层的硬限制是格式单一，只能拿到 PNG，无法获取矢量源文件。这对需要拆分图层、修改描边或重绘局部的 UI 设计项目几乎是阻断性的。如果项目要求像素级调整，免费版很难独立完成。

付费门槛方面，9 美元/月（年付 99 美元）和 12 美元/月（年付 144 美元）对自由设计师或小型工作室属于持续支出。预算紧张时建议先评估月度插画使用量，再决定按月还是按年付费。年付折扣看似划算，但若半年内换风格，反而会被订阅绑住。

兼容性上，Sketch、Figma、XD、Illustrator 源文件依赖对应软件的较新版本。下载前最好确认本地软件版本与素材格式匹配。Whoosh 大部分操作在线完成，离线场景下访问和下载都会受限，对网络条件不稳定的用户不够友好。

## Whoosh 在哪些场景下值得用，哪些场景该换工具

Whoosh 最出彩的位置是 UI 设计里的“轻装饰位”：注册引导、空状态、错误提示、加载动画。这些位置不需要写实风格，卡通插画反而能降低用户的认知负担。演示文稿场景同样适用，用插画串起产品故事比纯文字更易被听众接受。

但当项目需要写实插画、3D 渲染、品牌主视觉或高度定制化的原创角色时，Whoosh 的预设模板会显得单薄。此时转向 unDraw、Storyset、Blush 这类支持参数化生成的工具，或直接约稿独立插画师，会是更合适的选择。

{"@context":"https://schema.org","@graph":\[{"@type":"Organization","@id":"https://hello123.com/#organization","name":"Hello123","url":"https://hello123.com/"},{"@type":"WebSite","@id":"https://hello123.com/#website","url":"https://hello123.com/","name":"Hello123","publisher":{"@id":"https://hello123.com/#organization"},"inLanguage":"zh-CN"},{"@type":"WebPage","@id":"https://hello123.com/%E6%8F%92%E7%94%BB%E7%B4%A0%E6%9D%90/whoosh-76/","url":"https://hello123.com/%E6%8F%92%E7%94%BB%E7%B4%A0%E6%9D%90/whoosh-76/","name":"Whoosh插画 - 免费高质量卡通插画素材与动画模板","isPartOf":{"@id":"https://hello123.com/#website"},"inLanguage":"zh-CN"},{"@type":"BreadcrumbList","itemListElement":\[{"@type":"ListItem","position":1,"name":"首页","item":"https://hello123.com/"},{"@type":"ListItem","position":2,"name":"插画素材","item":"https://hello123.com/%E6%8F%92%E7%94%BB%E7%B4%A0%E6%9D%90/"},{"@type":"ListItem","position":3,"name":"Whoosh插画 - 免费高质量卡通插画素材与动画模板","item":"https://hello123.com/%E6%8F%92%E7%94%BB%E7%B4%A0%E6%9D%90/whoosh-76/"}\]},{"@type":"Article","@id":"https://hello123.com/%E6%8F%92%E7%94%BB%E7%B4%A0%E6%9D%90/whoosh-76/#article","headline":"Whoosh插画 - 免费高质量卡通插画素材与动画模板","description":"Whoosh提供高质量卡通插画素材与动画模板，设计师可免费下载PNG格式，付费用户享Sketch/Figma源文件。帮助设计师、开发者快速获取专业视觉元素，提升项目效率。","publisher":{"@id":"https://hello123.com/#organization"},"inLanguage":"zh-CN","datePublished":"2026-07-11T12:30:58.384Z","dateModified":"2026-07-28T15:42:43.372Z","author":{"@type":"Organization","name":"Hello123 编辑团队"},"mainEntityOfPage":{"@type":"WebPage","@id":"https://www.ls.graphics/whoosh/vivd"},"isPartOf":{"@id":"https://hello123.com/%E6%8F%92%E7%94%BB%E7%B4%A0%E6%9D%90/whoosh-76/"},"citation":\[{"@type":"CreativeWork","@id":"https://www.saashub.com/compare-whoosh-by-ls-graphics-vs-humaaans","name":"saashub.com"},{"@type":"CreativeWork","@id":"https://www.saashub.com/compare-whoosh-by-ls-graphics-vs-mixkit-art","name":"saashub.com"},{"@type":"CreativeWork","@id":"https://www.saashub.com/compare-whoosh-by-ls-graphics-vs-struct-illustrations","name":"saashub.com"},{"@type":"CreativeWork","@id":"https://www.ls.graphics/products/whoosh","name":"ls.graphics"},{"@type":"CreativeWork","@id":"https://www.svgrepo.com/illustration/whoosh-free","name":"svgrepo.com"}\],"about":\[{"@type":"Thing","name":"Whoosh","additionalType":"https://schema.org/Product"},{"@type":"Thing","name":"插画素材","additionalType":"https://schema.org/Concept"},{"@type":"Thing","name":"UI设计","additionalType":"https://schema.org/Concept"},{"@type":"Thing","name":"Figma插件","additionalType":"https://schema.org/Software"},{"@type":"Thing","name":"设计师","additionalType":"https://schema.org/Person"}\]}\]}



---