免费插画素材去哪找？6 个可商用插画库的授权与用法

做界面时最能卡住人的，往往不是布局也不是配色，而是那句"这里放一张插画吧"。空状态、引导页、错误页、落地页头图，都需要视觉上有温度的东西，但找插画比找图标难得多：图标有成熟的规格和分类，插画却常常风格各异，随手拼两张放在同一个页面里就会显得割裂。

这篇整理了 6 个我逐一核实过官网的插画库，按"组件化拼装"和"现成场景图"两类分开讲。它们的授权差别比想象中大，这也是下面要重点说清的部分。

组件化插画库：能拆能拼，风格自己控

这一类提供的是可以单独摆放的零件——头、身体、手臂、姿势、道具，你在设计工具里自由组合。好处是同一个项目里所有人物插画天然同风格，坏处是需要一点点拼装时间。

• Humaaans（humaaans.com）：由设计师 Pablo Stanley 创作的人物插画库，把人物拆成发型、上衣、裤子、姿势等组件，可以旋转、换色、自由组合，官方定位就是用在空状态、报错页、成功提示和 onboarding 上。站点明确标注为 CC0，个人和商业项目都可以免费使用，不要求署名。库文件面向 Sketch、Figma、Adobe XD、InVision Studio 等设计工具，下载后按组件拖拽即可。
• Open Peeps（openpeeps.com）：同样是 Pablo Stanley 的作品，但画风是手绘感更强的黑白线条。它的组件粒度更细——手臂、腿、表情、发型、胡子、眼镜各自独立，站点标称可以组合出 584688 种搭配。授权同样标为 CC0，可以复制、修改、分发、商用，无需申请许可。它把"下载整库"和"单张现成 Peeps"两条路都给了出来，赶时间时可以直接拿现成的那几张。
• IRA Design（iradesign.io）：由 Creative Tim 出品的插画搭建工具，提供 5 套渐变配色，可以在页面上直接给人物的衣服、头发、道具换色，再导出 AI / SVG / PNG 三种格式。授权是 MIT，官方说明可用于商业或个人项目。它还有一个"线稿版"分类，适合不喜欢大面积色块的界面。

现成场景型：搜关键词，拿到就能用

组件化库适合"我要一个和我品牌一致的人物"，但如果你要表达的是"数据丢失""团队协作""在线支付"这类具体场景，直接搜现成图更省事。

• unDraw（undraw.co）：最常用的免费插画站之一，特点是页面自带一个主色选择器，选定品牌色之后全站插画会跟着换色，下载到的 SVG/PNG 就是配好色的版本。授权由作者 Katerina Limpitsouni 制定，允许个人与商业用途、不需要署名。但它的限制写得很明确：不能把站内素材打包再分发，不能用于训练或微调 AI 模型。这两条是最容易踩线的部分。
• Storyset（storyset.com）：由 Freepik Company 运营，提供 Rafiki、Bro、Amico、Pana、Cuate 等多种风格，可以在线隐藏图层、改颜色，还能下载带动画的版本（Lottie / GIF），导出含 SVG、PNG、EPS。授权是典型的署名制：免费使用需要在项目中注明"Storyset by Freepik"并链接回官网，想去掉署名则要订阅 Freepik 的付费方案。这个差别在做商业客户项目时要提前和客户说清。
• Open Doodles（opendoodles.com）：仍是 Pablo Stanley 的作品，手绘涂鸦风，题材是散步、抱咖啡、看书、跳舞这类日常动作，气质比商务插画松弛很多。授权是 CC0，可商用、可修改、无需署名，提供 SVG / PNG / GIF 三种格式，也支持在 Blush 里改颜色，另有 Figma 插件和 react-open-doodles 这样的现成组件可用。数量不算多，但画风统一度高。

下载前必须确认的三件事

第一，授权以官方说明为准，不要依赖第三方转述。 上面 6 个站的授权强度其实分三档：CC0（Humaaans、Open Peeps、Open Doodles）几乎不设限；unDraw 免署名但禁止打包再分发与 AI 训练；Storyset 免费版必须署名。哪怕是不要求署名的 CC0，在正式交付物里标注素材来源也是稳妥做法。另外提醒一句：任何素材站都可能调整条款，正式项目落地前花一分钟看一眼官网的 License 或 Terms 页面，比事后补救便宜得多。

第二，想清楚你要的是 SVG 还是位图。 SVG 可以改颜色、改线宽、改局部路径，缩放不糊，是界面里最合适的格式；PNG 适合放进演示文稿或社交媒体，改不动颜色；Lottie / GIF 则解决动效需求。组件化库（Humaaans、Open Peeps、IRA Design）本质上给你的是可编辑源文件，需要设计工具打开；现成场景站（unDraw、Storyset）则更接近"下载即用"。

第三，先定风格，再找图，别反过来。 同一个页面里混用扁平渐变和手绘线条，视觉上一定会打架。一个实用的做法是：先按项目气质选一个方向——要专业感就选 unDraw 或 Storyset，要亲和感就选 Humaaans 或 Open Doodles——然后在同一套库里把全部插画找齐。数量少而统一，永远好过数量多而杂乱。

更多矢量与平面素材站点，可以翻翻本站的「平面素材」分类；如果你缺的是界面里的功能性图形而不是场景插画，「图标素材」分类里的图标库会更对症。