做设计时最耗时间的往往不是画，而是找：找图标、插画、字体、纹理和配色参考。下面整理了 12 个常用的设计资源网站，覆盖图标、插画、字体与素材集合，每个都附上链接与使用提示，方便你直接收藏备用。
免费商用：开源图标库，线性/填充两套风格，支持 SVG/PNG 下载与字体引入。
适合做界面图标的“基础盘”，搭配自己的圆角/线宽规范也不突兀。
免费商用：MIT 许可，风格统一，SVG 复制粘贴就能用，适合中性现代 UI。
如果你要做一套风格一致的产品原型，它很省心。
工具地址：https://phosphoricons.com/
免费商用：开源许可，提供多线重/多风格（Thin/Light/Regular/Bold/Fill）。
同一套图标能适配不同层级的信息密度，做组件库尤其好用。
工具地址：https://undraw.co/illustrations
免费商用：可直接下载 SVG/PNG，还能一键替换主色，适合落地页与产品插画。
优点是“够干净”，缺点是大家都爱用，建议做二次配色/改形状避免撞脸。
工具地址：https://www.manypixels.co/gallery
需看协议：提供多风格插画与打包下载，使用前建议确认其最新授权条款。
想要更“插画感”的商业氛围图时，可以先从这里挑方向。
需看协议：可组合人物/场景并导出插画，适合快速做一套同风格人物素材。
导出前确认所选插画作者的授权范围，避免商用限制踩坑。
工具地址：https://fonts.google.com/
免费商用：大多为开源字体（OFL/Apache 等），可在线预览、配对、下载与 Web 引入。
做品牌早期的字体探索，用它先跑通层级和风格，再考虑商业字体替换。
工具地址：https://www.fontsquirrel.com/
需看协议：聚合大量字体并标注许可，但不同字体授权差异大，下载前务必核对。
它的 Webfont 生成器也很实用，适合把字体转换成网页可用格式。
工具地址：https://haikei.app/
免费商用：在线生成渐变、波浪、斑点、图形背景，导出 SVG/PNG。
做落地页背景时，用它先定“氛围”，再在 Figma 里微调更高效。
工具地址：https://coolors.co/
需看协议：配色生成与方案管理很强，适合快速出一套可用的色板。
建议配合对比度检测，确保浅色背景下的可读性与无障碍标准。
需看协议：抠图效率很高，但免费额度与商用授权与下载尺寸有关，使用前确认套餐规则。
适合把商品图/人物图快速处理成透明底，用于海报与电商图合成。
需看协议：大量 SVG 素材集合站，单个资源的授权类型不同，下载时要看清标注。
适合“缺一个小图形”的临时补位，但别偷懒，授权一定要核对。
