不想在收藏夹里翻半天?这是一份可直接收藏的设计资源站清单,覆盖图标、插画、字体、配色、Mockup 与纹理。每条都给出网址与简短说明,并在第一行标明“免费商用”或“需看协议”,方便你快速筛选。
免费商用:MIT 许可的开源线性图标库,风格统一,适合做 Web/App 界面。
提供 SVG/PNG,支持按风格与关键词搜索。
免费商用:MIT 许可,实用的实心/线性图标,常用于中后台与产品型页面。
可直接复制 SVG,开发对接非常顺滑。
免费商用:Apache 2.0 许可的图标集,数量大、覆盖面广。
支持按分类浏览,适合快速补齐“缺口图标”。
免费商用:开源表情符号库,可用作插画元素或界面点缀。
提供多种风格与下载方式,适合做“轻量情绪化”视觉。
工具地址:https://undraw.co/illustrations
免费商用:可改色的矢量插画库,适合落地页、空状态、引导页。
下载 SVG 后可在 Figma/Sketch/AI 内二次编辑。
工具地址:https://www.manypixels.co/gallery
需看协议:有免费插画可用,但不同资源的授权与署名要求不一,使用前建议快速确认条款。
风格多样,适合在品牌调性探索阶段做快速方案。
工具地址:https://fonts.google.com/
免费商用:多数为开源字体(常见为 OFL/Apache),适合 Web 与平面项目。
可按语言与字体特征筛选,直接获取下载与 CSS 引用。
工具地址:https://www.fontshare.com/
免费商用:提供可用于商业项目的字体合集,适合做品牌与排版的“快速试字”。
每款字体页面都提供许可说明与字重预览。
工具地址:https://coolors.co/
免费商用:配色生成与调色工具,可快速得到可用的色板组合。
支持导出多种格式,适合从灵感到落地的颜色管理。
工具地址:https://www.happyhues.co/
免费商用:提供成套色板与页面示例,适合直接参考“主色-辅色-背景-文字”的搭配。
对初稿视觉统一很友好,能减少试错时间。
工具地址:https://www.ls.graphics/free
需看协议:部分免费 Mockup/素材可用,但不同资源授权范围不同,商用前建议核对许可。
质量很高,适合做海报/落地页展示图的快速出图。
需看协议:站内资源来源多样(CC0/署名/自定义许可混合),下载前需要看清每个资源的授权标识。
适合做“补素材”的搜索站,建议建立一套授权检查习惯。