前端设计资源汇总 ​

整理前端常用设计资源

网页设计 ​

站酷（包含众多网页设计）：https://www.zcool.com.cn/search/folder/fix?word=后台管理

UI世界（更全面的ui作品）：http://www.uishijie.com/ui/

蓝湖（高效的产品设计协作平台）：https://lanhuapp.com/

Figma（矢量图形编辑器和原型设计工具）：https://www.figma.com/

Figma中文社区：https://www.figma.cool/

Readdy（ai网页设计）：https://readdy.ai/

Pixso（产品设计协作一体化工具）：https://pixso.cn/

美工吧（提供一站式电商美工导航服务）：https://www.meigong8.com/

颜色设计 ​

Palette（调色板）：https://arco.design/palette/list

ant-design（共计120个颜色，包含12个主色以及衍生色）：https://ant-design.antgroup.com/docs/spec/colors-cn

tailwindcss（tailwind颜色）：https://tailwindcss.com/docs/colors

字体资源 ​

100font（免费商用字体大全）：https://www.100font.com/

开源字体整理：https://note.weizwz.com/resource/font/open-source-font

字图CDN（免费的中文字体公益 CDN 服务）：https://chinese-font.netlify.app/zh-cn/cdn/

ZSFT（900+款免费商用字体）：https://fonts.zeoseven.com/

字体天下（海量字体免费高速下载，商用需注意许可证）：https://www.fonts.net.cn/

FONTSPACE（150,000+免费外文字体）：https://www.fontspace.com/

图片资源 ​

Pexels（免费的图库，提供众多高质量图片和视频，查看许可证）：https://www.pexels.com/

Unsplash（600W+免费图片，查看许可证）：https://unsplash.com/

pngimg（包含众多免费的高清透明PNG素材资源）：https://pngimg.com/

undraw（可调色彩的插画，支持svg和png格式）：https://undraw.co/illustrations

PATTERN MONSTER（高度自定义svg底纹）：https://pattern.monster/

Hero Patterns（免费的svg底纹合集）：https://heropatterns.com/

图标资源 ​

汇总：https://note.weizwz.com/resource/image/icon-all

图片工具 ​

图片转BASE64编码：https://www.jyshare.com/front-end/59/

图片压缩和转化：https://tinypng.com/

图片转Excel：https://web.baimiaoapp.com/image-to-excel

在线抠图去背景：https://www.remove.bg/zh

带壳截图：https://mockuphone.com/

在线SVG转PNG工具：https://uutool.cn/svg2png/

动效设计 ​

LOADING.IO（加载动画设计）：https://loading.io/

Motion（动画库，支持js、react、vue）：https://motion.net.cn/

@vueuse/motion（vue动画库）：https://motion.vueuse.org/

Inspira UI（使用Nuxt&Vue构建漂亮的动效组件）：https://inspira-ui.com/

UIVERSE（最大的开源UI库）：https://uiverse.io/