Design 设计资源合集 - 收录国内/外优秀的设计工具，提供产品设计灵感

网站推荐

一个为独立开发者提供丰富设计资源的GitHub网页，包括动画库、插图库、图标库等。收录了国内外优秀的设计工具和资源，如CSS3动画效果、插画素材、图标库、Logo生成工具等，支持个人和商业用途。

支持作者：https://github.com/YOYZHANG/design-material

动画示例

• uiGradients: 渐变效果合集
• Animista: CSS3 动画效果合集

动效库

• GSAP: 专业的 JS 动效库，闭源
• motion: Framer 出的 framer-motion JS 网络动画开源库
• popmotion: React 社区常用的开源动效库
• useAnimations: 非常全面的 icon 动效网站，底层使用 Lottie 的方式来渲染。
• meteocons:开源带动效的天气图标, 每种样式都包括动画和静态 SVG 文件。

插图库

• illustrationkit: 开源插画集合，包含110多个场景和55+人物角色，可免费用于个人和商业项目中。
• StorySet: 免费的矢量插画合集。
• unDraw: 一个扁平化插画图库,支持下载SVG和PNG格式，可用于商业用途。
• Open Doodles: 涂鸦类型的插画集, 来自墨西哥设计师 Pablo Stanley 的最新免费插画资源,可用于商业用途。
• openpeeps: 一个手绘插画库，用于创建人物场景，可免费用于个人和商用项目中。
• Avataaars: 免费Sketch头像插画素材库。
• Irasuton: 提供了80多个分类的插画素材，可免费用于个人和商业项目中。
• Girlysozai: 日本可爱手绘插画素材,Girlysozai网站上提供了人物、花、生物、食物等分类的手绘插画素材，可免费用于个人和商业项目中。
• 404 illustrations: 免费可商用的404插画素材, 网站上有23个PNG和SVG格式的404插画可用在web和移动端的不同场景中，同时这些插画可以免费用在商业和个人项目中。

图标库

• iconify: 超全的图标库，支持各种格式。
• unicornicons: 动态的图标库，非常适用于 hover 图标时的效果
• iconbuddy
• fontawesome
• MingCute

Logo 生成

• iconbuddy
• iconray
• logodiffusion
• icon horse
• favicon generator

Figma 资源

• VectorTo3D 插件
• Figma Resource

设计学习资源

• 5 课时让你掌握 Lottie 动画

动效设计网站 Galley

• appmotion: App 动效设计的汇集网站
• webinteractions: 网页动效设计 Gallery

优秀设计网站分享

• https://toyfight.co/services