整理了 12 个常用的设计资源网站与工具（字体、图标、插画、配色、背景生成等），每条都标注“免费商用”或“需看协议”，便于快速选用。
工具地址：https://fonts.google.com/
免费商用：大量开源字体可直接用于品牌与网页项目。
建议在下载页查看具体字体许可与支持字重，便于搭配标题/正文字体。
工具地址：https://www.fontsquirrel.com/
需看协议：网站提供“可商用”筛选，但不同字体授权差异很大。
下载前重点确认是否允许商用、是否允许嵌入/再分发以及是否需要署名。
需看协议：同站点内素材可能来自不同许可（CC0、MIT、署名等）。
导出前查看每个图标的 license 说明，避免误用到需要署名的资源。
免费商用：风格统一、适合产品界面与后台系统。
支持 SVG 复制与多种尺寸，适合做组件库统一维护。
工具地址：https://lucide.dev/
免费商用：线性图标数量多，适合跨端 UI。
可直接通过 npm / figma / svg 引入，便于与设计系统同步。
免费商用：覆盖面广，适合快速原型与常见业务场景。
支持 SVG、React/Vue 等多端使用方式，便于工程化落地。
工具地址：https://undraw.co/illustrations
免费商用：简洁插画适用于落地页、空状态与引导页。
可更换主色后导出，适合与品牌色统一。
需看协议：多数图片可用于商用，但对再分发/敏感用途有额外限制。
项目上线前建议在站点许可页复核，必要时保留下载来源记录。
工具地址：https://pixabay.com/
需看协议：图片与矢量素材丰富，但不同资源可能有不同限制条款。
避免使用含人物/商标的素材做强商业背书，尽量选更通用的画面。
工具地址：https://coolors.co/
免费商用：配色生成与调和工具很实用，适合做品牌/页面主色探索。
可直接导出 HEX、CSS 变量或图片，便于团队协作。
工具地址：https://haikei.app/
需看协议：可快速生成波形、几何、噪点等背景 SVG，但使用范围以站点许可为准。
适合做页面氛围与分区背景，注意不要过度干扰内容可读性。
工具地址：https://www.figma.com/community
需看协议：社区资源质量高，但每个文件的授权方式可能不同。
复用组件/插画/图标前，先看作者说明与许可，尤其是商业项目与可再分发场景。
