下面是一份偏“直接可用”的设计资源清单,涵盖字体、插画、图标、照片、矢量与 UI 组件等常见需求。每个条目都给出站点链接与合规提醒:你只需要按项目类型(商业/个人/客户交付)在对应站点里选择合适授权即可。
工具地址:https://fonts.google.com/
免费商用:大多为开源字体(如 OFL/Apache),适合网页与品牌物料;下载前仍建议点进字体详情确认许可与字符覆盖。
适用场景:Web 字体、App 界面、海报与简报;中文可搭配思源系等开源字体提升一致性。
工具地址:https://www.fontsquirrel.com/
需看协议:站点有“Free for Commercial Use”筛选,但不同字体的授权细节可能不同;商用前建议保留授权页面截图或记录版本。
亮点:字体分类清晰,适合快速找衬线/无衬线/手写等风格。
需看协议:通常随 Adobe 订阅提供使用权,条款会限制分发与嵌入方式;面向客户交付时务必确认“可否随源文件一起交付”。
优势:字体质量稳定、家族齐全,适合品牌体系与长期项目。
工具地址:https://undraw.co/illustrations
免费商用:可快速下载 SVG/PNG,并支持一键改主题色;适合官网、落地页与产品空状态插画。
建议:统一插画线条粗细与配色,避免同一页面混用多套风格。
需看协议:可导出静态与动效素材(如 GIF/视频),但不同素材包可能有署名或使用范围要求。
适用:产品介绍页、演示视频、运营活动页的氛围插画与动效。
工具地址:https://www.manypixels.co/gallery
需看协议:通常可在商业项目中使用,但仍建议查看站点最新授权说明;团队协作时最好把授权链接写进设计规范。
特点:分类细,适合找主题插画(办公、科技、教育等)。
免费商用:大量公共领域风格素材,适合做版面装饰与快速拼贴;但审美与一致性需要你自己把关。
建议:用于正式品牌项目时,可先统一描边与配色再导出。
免费商用:可用于商业用途的高质量摄影;仍建议避免把图片用于“暗示品牌背书/人物代言”的场景。
用法:先定关键词与画面风格(景深、色温、构图)再统一挑选,页面会更高级。
免费商用:图库覆盖照片与短视频,适合内容营销与社媒;下载后建议建立项目素材池,避免重复搜索浪费时间。
技巧:优先选同一作者/同一系列,整体一致性更好。
工具地址:https://pixabay.com/
需看协议:资源类型多、质量跨度也大;商用前最好查看每个资源的许可信息与是否包含商标/可识别人物。
建议:用于背景图、装饰性素材时非常省事。
需看协议:站点聚合不同授权的 SVG,下载前必须看清每个文件的许可(MIT/CC 等);项目交付时建议把许可随设计交接给开发。
优势:适合快速找主题图标或简易插画并二次编辑。
工具地址:https://feathericons.com/
免费商用:风格极简一致,适合产品 UI;可直接复制 SVG,改描边粗细或端点形状保持统一。
推荐:做后台系统、工具类产品时很好用。
免费商用:图标成套且细节统一,常用于 Web 与组件库;适合搭配 Tailwind 生态快速搭建界面。
提示:同一项目尽量只选一个图标家族,避免混搭导致“像拼凑”。
免费商用:数量大、覆盖面广,适合产品图标体系;可导出 SVG 并统一 stroke 与尺寸网格。
优势:搜索体验好,适合快速补齐小众图标。
免费商用:线性与填充风格成套,适合移动端与运营物料;在同一风格内替换图标,视觉不会跳。
建议:先确定“线性 or 填充”,不要混用两种风格的同一图标。
需看协议:免费版与 Pro 版授权不同;使用前确认你选用的是 Free 图标且符合项目分发方式(尤其是打包到产品里的情况)。
适用:原型、后台工具、快速落地项目;注意与现代线性图标风格统一。
工具地址:https://www.figma.com/community
需看协议:社区资源授权差异极大(CC、MIT、作者自定义等);商用前务必读清许可并保留来源记录。
用法:把组件当“参考”,做一次品牌化改造(字体、圆角、色板、间距)再投入生产。
工具地址:https://coolors.co/
免费商用:配色生成与管理工具,本身不涉及版权;适合快速得到色板并导出给设计规范与开发变量。
建议:在配色确定后,补齐中性色与状态色(成功/警告/错误)再做组件。
工具地址:https://haikei.app/
免费商用:可生成波形、斑点、渐变等背景 SVG,适合做落地页氛围;导出后建议在矢量软件里再微调层级与对比度。
提示:同一页面只用 1-2 种生成风格,避免“花”。
需看协议:在线抠图工具,免费额度与导出清晰度可能受限;商业项目批量处理时建议核对套餐与输出要求。
适用:电商图、人物/产品快速抠图、运营合成图。