这是一份可直接收藏的设计资源清单，按「字体 / 图标 / 插画 / 图片 / Mockup / 配色」整理。每个条目都先标注授权提示（免费商用/需看协议），方便你在项目里快速挑选。
工具地址：https://www.fontshare.com/
免费商用：官方提供可用于个人与商业项目的字体库，下载页会标注字体家族信息。
特点：偏现代与品牌感的英文字体多，适合做标题与海报。
工具地址：https://fonts.google.com/
需看协议：不同字体家族的授权与署名要求可能不同，商用前请在字体详情页确认 License/Attribution。
特点：筛选维度丰富（字重、风格、语言），适合快速找可替代字体。
免费商用：常用的线性/实心图标集合，适合后台、Web 与移动端界面。
特点：统一风格、可直接复制 SVG。
工具地址：https://lucide.dev/
免费商用：开源图标库，覆盖面大，适合做产品图标体系。
特点：多框架支持（React/Vue 等），也可下载 SVG。
需看协议：站内素材授权不完全一致，下载前务必查看每个 SVG 的许可说明。
特点：素材量大，适合补齐冷门图形与图标。
工具地址：https://undraw.co/illustrations
免费商用：可用于产品落地页、空状态与说明插画，风格友好。
特点：可替换主色，快速适配品牌色。
需看协议：表情包为开源授权，商用/改编/署名要求请按站内 License 执行。
特点：适合做产品内的轻量插图或表情资产。
需看协议：图库有自己的授权条款与限制（如商标/肖像等），项目落地前建议阅读使用条款。
特点：高质感摄影图多，适合封面与品牌氛围图。
需看协议：可下载图片与视频，商用前请按平台条款核对可用范围与限制。
特点：分类清晰，适合找通用素材与短视频片段。
工具地址：https://www.mockupworld.co/
需看协议：站内整合第三方 Mockup，授权与用途请以每个资源页面说明为准。
特点：包装、屏幕、海报等场景齐全，适合快速做展示图。
工具地址：https://coolors.co/
需看协议：工具本身可用，但配色与素材的使用范围请按官方条款与导出方式确认。
特点：一键生成配色、对比度参考与调色板导出，做 UI 配色很省时间。
工具地址：https://huemint.com/
需看协议：配色生成工具的使用条款以站点说明为准，商业项目中建议按实际需求二次校验可读性。
特点：基于布局预览推荐配色，更贴近真实 UI 场景。
