NB APNG

一款在线生成APNG图片的工具，上传png序列图片就可以自动生成APNG

富婆图表

超全面的在线图表工具，支持下载JPG、PNG、SVG、以及导出现成echarts代码

PPT模板

高质量的PPT模板，每一页都是大佬精心制作的。

灰大颜色生成器

自动生成两个颜色之间的过渡颜色

灰大表格助手

快速绘制表格的网页工具，支持导入Excel，可以下载png图片

灰大私活报价器

接了私活不知道如何报价？试试这个自动生成报价的神器

灰大热力图生成器

快速绘制透明背景的热力图，只需要在界面上简单的点击拖动鼠标即可

灰大栅格计算工具

一款可视化的栅格计算器，界面分很多列的时候，用它太方便了

宽高比换算工具

自动计算黄金分割比，以及常见16比9、4比3等换算

特殊符号大全

收录了大量特殊字符，比如‰‱「」√×等等

灰大废话生成器

输入关键词汇，就可以生成营销号感觉废话文章，特别搞笑

灰大实验室

灰色执照利用各种开源效果制作出的小工具汇总

NB 3D Charts

制作三维图表的工具，可以随意调节颜色、样式、高度、旋转不同的角度

灰大文字云

可选不同形状免费生成文字词云，上传黑白背景也可自定义形状

ShapeFactory

他们家有好多简单好用的设计工具

Pixel Map

下载国外矢量地图素材，该网站祖国地图不全，请只使用国外地图

patternico

免费创建可平铺的图案

Rive

动画工具，里面的案例好看到哭。非常专业的感觉

LOADING IO

里面都是loading小动画，可以下载用

Glitch Art Generator

创建一些不规则渐变条，适合做背景图片

magicposer

一个超级好玩的3d小人，可以控制他做任何动作，可以渲染图片

SVG Backgrounds

SVG背景生成器，画面靓丽非常活泼

snackthis

在线字体特效，5星推荐，生成好看的GIF

YASAI

一个叫做亚赛的国内数据可视化设计师做的炫酷工具

Gif 录制工具

Windows下的gif屏幕录制工具，可以调整录屏大小，只有408kb

Pattern Generator

一个灵活创建图案的网页工具，可以调整各项参数和颜色，还能下载png或svg

Icograms

通过拖拉拽组件，就可以拼接成2.5D的城市，可以下载svg或png图片（需科学上网）

Space Type Generator

制作各种文字环绕效果，右上角有个切换菜单比较隐秘

blobmaker

形状生成器，生成类似水滴的SVG形状

Honeyview

Windows下免费的图片查看器，支持包括psd多种格式，没有任何弹窗广告

Little Big City

可以生成一个很小的立体风格城市，改变经纬度可以选不同地区

Easings

可以测试常见缓动曲线，直观方便的让你理解运动规律

Shape Divider

调节参数可以方便制作那种带波的形状。方便做网站

cubic-bezier

调整贝塞尔曲线，直观展示各种动效

Space Type Generator

可以生成英文环绕的动效

苹果M1支持情况

已经为M1版MacBook优化的macOS应用程序之完整指南

Convertio

可以转换各种格式，比如你没安装cdr，想改成AI格式

Vector Pattern Generator

可以灵活创建各种图案的网站，还能调节各种参数

GPT-SoVITS

AI克隆声音，免费、需要N卡

Spaces

可以给人物更换衣服，非常适合电商

tinypng

压缩你的png图片，质量不变，体积却更小

removebg

自动去除图片背景的一个网站

CLIPPING MAGIC

自动去除图片背景的另一个网站

COMPRESS PNG

大于5M的图片这个网站也可以压缩。

WEBSIDE PLANET

压缩jpg和png的网站，支持50M的大文件

slazzer

自动去除图片背景，免费下载小尺寸，但是高清大尺寸则要登录

Squoosh

国外在线压缩图片工具，可以调整图片质量，实时查看

bigjpg

AI智能图片无损放大

I Love IMG

对图片的各种处理，我最常用来压缩GIF图片

I Love PDF

几乎把所有的格式都能转成pdf

easy PDF

免费的pdf转换成各种格式的网站，安全、匿名、无限制

ACONVERT

在线转换文档、图像、视频、音频文件

photomosh

生成故障风格的图片

OBS

免费开源的视频录制及直播串流的软件，那些女主播都是用这个（不要问我怎么知道的）

let’s Enhance

模糊图片变清晰，注册一个账号后可以免费使用5次

可视化组件库素材

全部是可视化精美素材

B端视觉设计规范

一整套非常工整的B端设计规范，包括换肤

B端界面设计分享

一整套B端界面+规范。近百个页面，新手学习非常棒的资料

tob.design

全网首个B端可视化设计师平台

espn

国外炫酷网站，设计和技术都一流

newstech

日本科技感网站，纯炫技，可视化学习很不错资料

eliteadmin

国外非常好看的B端高质量模板，里面有很多在线演示的示例

wrapBootstrap

基于BootStarp的高质量的模板

themicon

国外B端学习整套B端高质量模板

MJ store

里面很多整套B端模板

coreui

国外高质量B端模板，点击live preview有具体示例

semantic-ui

一整套前端框架，值得UI设计师学习的规范

themeforest

很多在线出售的模板，代码都写好了。学习借鉴的好去处

图扑

三维数据可视化，这个公司的产品让我惊艳

Jet Propulsion Lab

NASA用一个小车探索月球，未来三维可视化可能像玩游戏

launchit

效果很骚的数据可视化，超级带感的炫酷地球

framesforsketch

设计规范不会做？看看外国人全套完整商业规范

阿里巴巴datav可视化案例

阿里巴巴数据可视化案例，点击[预览]有做好的成品

Kepler

上传本地数据，生成炫酷可视化效果

国内外地图数据

国内外地图数据下载。有json还有svg的格式

行政区划数据下载

世界、全国、各省市区等地图下载。

标准地图服务系统

世界、全国、各省市区等地图下载。权威机构发布

City Roads

可以生成各个城市的路网信息，点左上角可以修改颜色，也可以导出png或svg

ThingJS

国内做的比较好的一家，里面有很多3d可视化的例子

光启元科技

国内做数据可视化榜样，组件库丰富，学习非常棒的对象。

易知微

国内数据可视化榜样，组件库丰富，学习非常棒的对象。

Mars 3D

里面有各种三维地图示例，干货很多

EasyMap

一个下载国内省市区地图数据的好地方，json格式，还能应用到拉框助手里面

planetpixelemporium

各种星球的高清贴图

DES GmbH

你可以控制一个无人机，到一片立体地图的区域随意飞行

IDC数字孪生-全球

阿里巴巴白色可视化，点进去可以看模型，支持手机端。强啊！

Mapbox with Trains

火车在GIS地图上呼啸而过，技术与艺术的完美结合

Orion UI kit

超牛逼的一套深浅双色可视化，只要是浅色可视化，很多都是抄袭它

GMUNK

国外数据可视化网站，里面有很多科幻电影方面收集

HUDS+GUIS

国外专门收集科幻电影FUI方面可视化作品网站

saji8k

又一个国外专门收集科幻电影FUI方面可视化作品网站

vanschneider

美剧《西部世界》科幻UI设计相关介绍

山海鲸可视化

做的很不错的公司，里面也有很多案例可以预览

水墨杭州

水墨风格的杭州，中国风，很酷

Fantasy UIs

国外FUI网站，里面有相关采访、制作思路、界面设计等等

Design Systems Repo

设计系统规范大全，这网站收录了一大堆规范，类似规范导航

微信开放社区

必须先使用微信登录，才能查看微信小程序和官方文档

微信官方文档

注意：必须点它左侧的开放社区，登录后，才能打开这个链接

Spectrum by Adobe

Adobe的设计系统

Ant Design

蚂蚁金服设计规范。阿里巴巴出品，市场占有率高，应用广泛

Ant Design Pro

开箱即用的中台前端/设计解决方案

阿里妈妈

阿里妈妈产品设计规范

某国企B端规范

设计大佬“史蒂芬”制作的一整套B端设计界面。严谨细致，新手学习非常棒的资料

饿了么Element

饿了么设计规范

京东nutui

京东风格的轻量级移动端 Vue 组件库

Material Design

Google最著名的设计规范

Zan Design

有赞设计系统

BootStrap

Twitter设计师早期制作的鼻祖型框架

飞书

飞书小程序设计规范

百度CXD

百度CXD

Figma的设计系统博客

Figma的设计系统博客

Atlassian

Atlassian设计系统

Samsung Design System

三星设计系统

Audi

奥迪

Mand Mobile

滴滴出品，移动端

Evergreen

构建不断发展的产品的UI套件

Carbon Design System

IBM的一套设计系统

华为鸿蒙

HormonyOS全场景设计指南

UDC DESIGN

京东数科出品-完整的前中台设计效率解决方案

Nord Design System

一整套非常详细全面的规范

Semi Design

抖音系企业级应用设计系统。开箱即用的中后台解决方案。

Arco Design

字节跳动出品的另一款企业级产品设计系统，内容较全，值得系统学习

TDesign

腾讯出品，提供了完整的设计语言、视觉风格指南和设计资源

Kingcloud Design

金山云出品，企业级产品和数字体验的开源设计系统

Sketch内容填充助手

快速填充各种中文数据，支持自定义

Sketch表格助手

绘制表格的神器，带图层。支持导入Excel

PS内容填充助手

快速填充各种类型的文字数据，包括姓名、电话、身份证、地址、数字、时间日期等

PS一键图标助手

一键生成安卓和iOS各种尺寸的启动图标

PS熊猫头助手

制作各种沙雕熊猫头表情包

PS二维码助手

一键生成你需要的二维码

Ps图片填充助手

可以自动填充各种类型图片的Ps插件

Ps UI助手

绘制表格、树形菜单、对话框、提示信息、下拉框、输入框、单选、多选…

PS动效代码助手

自动生成动效代码的插件，你只要做好序列帧，插件搞定交付的代码

PS表格助手

绘制表格的神器，带图层。支持导入Excel

Xd拉框助手

自动绘制图表、地图的Xd插件

Xd内容填充助手

快速填充各种类型的文字数据的Adobe Xd插件

Xd图片填充助手

可以自动填充各种类型的图片插件

Figma拉框助手

Figma拉框助手也叫做NB Charts，可以自动绘制各类图表和地图

Figma内容填充助手

快速填充各种类型数据的Figma插件

NB heatMap

快速绘制热力图的Figma插件，可以导入透明背景的png图片

Figma表格助手

Figma下绘制表格的神器，带图层，方便修改，支持导入Excel

NB Vector Map

绘制全球各个国家矢量地图，点击名称直接出图。又快又好~

NB Tree

自动生成树形菜单的插件。非常的方便，还能生成带有复选框的

NB GIF/APNG

导出GIF和APNG动态图片的插件

NB 3D MAP

制作各种立体地图的工具，功能超级全，嘎嘎好用

blender初学者

学习blender的超棒平台

优设网

国内极具人气的设计师交流学习平台

Dribbble 追波

全球知名的设计网站

Behance

全球知名设计社区，不过需要科学上网才能访问

灰大教程中心

联合多位设计大佬推出的精品教程，知识点密集，包教包会

sps

日本网站（包括手机端）优秀界面设计，里面有大量案例

uplabs

国外设计网站

jupiter

里面很多国外设计示例，非常不错

PROUD & PUNCH

一个卖雪糕的网站，艺术与技术完美结合，插图很美

svg相关学习

技术性普及文章，较为基础，但很全面，值得学习

Material Design

Material Design的样式、图标、颜色等

UI Movement

收录大量动效的灵感网站，点作者名字还会调整到作者的追波或behance

ISUX

腾讯系产品品牌规范，向大厂学习

CSSDesignAwards

全球优秀CSS网页设计奖提名作品，好看到哭

One page Love

收集大量漂亮网站，网页设计的朋友一定要去看看

MUUUUU

收集了大量日本设计网站，他们网站偏向平面设计，好赞

awwwards

精美创意设计汇聚

UISOURCES

收集各国App截图交互的国外网站，居然对站酷的app还做了分析和翻译

Notefolio

韩国优秀设计学习

Abacusnews

记录中国科技公司的网站，利用2.5d和GIS的结合，让这种网站交互方式非常有趣

美叶

收集了移动端大量界面，并且做了很好的分类

UI8

里面都是成套成套的模板，虽然是付费的，但是你可以参考学习

Bootstrap Made

响应式网站目标，都是整站的，还有很多免费的可以下载

SplashScreens

收集了软件历代版本的启动画面，你想知道PS1.0版本最开始是什么样子吗？

Reeoo

里面全都是网页设计的收集，超棒

Betheme

里面有600+漂亮的网站模板，虽然是付费的，但是可以用来学习借鉴

CodeMyUI

动效和代码都有，再也不用担心程序员无法实现啦~

Appealing

里面都是App的动效，还做了细致的分类

REFLEX DESIGN

作品年轻有活力的国内设计公司，平面、包装、动效…方方面面都惹人喜爱~

TREEFISH

比我大不了几岁的设计师展示出了过人的天赋，我一天的好心情都被毁了

unsplash

图片质量很高的一个图片下载网站

foodiesfeed

说出来你可能不信，里面全是好吃的

Pexels

才华横溢的摄影作者在这里免费分享最精彩的素材图片和视频

Pixabay

图片质量高，配图壁纸丰富

GENERATED PHOTOS

里面全是AI合成人脸，可以选取亚洲人分类，不要担心版权

PICaboo

超多分类，免费可商用的日本卡通素材网站，可下载esp格式

xFrame

收录亚洲面孔的日本免费图库，可免费商用。google账号登录后每天可下载10张

AI Colors

AI配色，实时在线预览效果

中国色

中国传统颜色

Color Hunt

用户对配色有评分，高分配色大家认可度高

Coolors

比较专业的配色工具，支持各种终端

UI Gradients

里面全都是好看的渐变色

Google Art & CE

根据颜色搜索出相应的图片

LOLCOLORS

可爱画风，色彩大多明快清新

Adobe Color

Adobe爸爸官方出品，你爸爸还是你爸爸，牛！

Colordot

滑动鼠标产生不同颜色，点击后自动生成配色

ColorDrop

上百种色板配色参考，还能设置背景色，查看搭配效果

Color review

针对视力障碍人士，你需要制作出色彩对比度是7:1，保证所有用户群体正常内容识别

Colorsinspo

上千种配色面板

Grabient

渐变色配色面板

Brand Colors

国内外知名公司品牌颜色汇总

Colorion

一个专注配色的网站，里面还有渐变色彩按钮很多东西

Tint & Shade Generator

输入一个颜色值，自动给你生成10个不同明度色阶，点击可复制结果

gradienta

生成多种渐变的网站，可以下载较大尺寸的图片。适合做背景图

GradientsGuru

渐变色网站，点击左下角Blend Mode还可以上传图片，给图片增加混合模式的渐变

Toolbox

通过多层渐变叠加，生成特别漂亮的混合渐变色，还能复制CSS

Picular

输入英文单词，网站会推荐对应的颜色

PixelSquid

3d素材和ps插件下载，里面还有很多透明png、psd的图片素材下载，并且有每个角度，还可以旋转

fontsquirrel

国外字体下载的一个网站

toptal

适合平铺的背景图片下载

freepik

国外的一个设计网站，可以免费下载素材

freebiesbug

国外免费资源下载，包含图片、字体、图标、样机…

uispace

免费的PSD、AI、字体…

amCharts

国外SVG格式矢量地图数据免费下载

PSDDD

免费的psd和sketch文件下载，质量特别高

Lstore Graphics

样机、插图、UI套件，各种质量很高的素材

Figma Resource

Figma社区用爱发电，收集了各种免费资源、设计稿件等等

LottieFiles

发现、测试和分享为 Lottie 和 Bodymovin 设计的精彩动画

3D Hands Gestures

里面全部都是立体的蠢萌小手，可以用来做Banner

iconshock

非常漂亮的3d图标下载，图标不但很精细，还可以切换配色

Humans 3d character pack

各种3d人物下载，支持figma和blender格式

Shapefest Hands

3000种不同的3d手势下载

Paints

下载背景图，可以暂停，然后缩放或者调整角度，再下载png

Business 3D Icons

很棒的3d素材，可以下载psd，双击颜色调节层可以自己改颜色[需翻墙]

MIXKIT

免费的视频和声音下载。点右上角Photos也有图片下载

字体

海量字体和预览

360查字体

查询字体版权，避免商业纠纷

dafont

国外的字体下载网站，里面有特别多英文字体

Everything Fonts

修改字体格式的网站。制作字体图标时，需要多种格式的字体

Font squirrel

上传字体后，可以直接变成网站引用字体的各种格式

Iconfont

枯藤老树昏鸦，小桥流水人家，图标还得看看阿里巴巴

iOS Icon Gallery

网站收集了很多iOS精美图标，看了以后，我觉得自己不适合做设计

iconfinder

图标很骚，质量很高，没有灵感你就照着描

thenounproject

种类繁多，方便搜索。美丽的你不需要浓妆艳抹~

iconsweets2

一整套图标免费下载，还有png/psd/ttf各种格式

iconsmind

好几千个线性图标（付费）但是参考学习还是可以提供灵感

fontawesome

爱过，但是现在不爱了...

icon8

免费图标、矢量元素、音乐……

useanimations

带动效的图标，可以免费下载svg和json动效

nucleoapp

图标博物馆，里面有3万多图标

Remix Icon

这位作者牛，想和他做基友“伯母你好，我是你儿子的男朋友”

Flaticon

免费矢量图标，扁平化彩色图标比较多

IKonate

可定制图标粗细、拐角、颜色、大小。这个想法真棒

LineIcons

2000+线性图标，每个都很精美

worldvectorlogo

全球知名Logo矢量素材免费下载

Feather

免费下载的svg格式线形开源图标，在github上已经有18.8K的star

CSSGG

700+开源精致图标，居然还是大佬用CSS写的。佩服大佬们的技术

Icons8 Animated icons 2.0

高质量的动画图标，除了下载使用，很值得去里面学习

Basicons

免费可商用的186个线条图标打包下载

Heroicons

很不错的开源图标，有线性和面型两种

Iconscout

里面有大量图标和插图，各种不同风格

toicon

可以免费下载svg矢量格式的图标网站

Streamline Icons

超多矢量线性图标，有xd/Ai/sketch/Figma插件，3万个png是免费的300svg

EXPERIENCE JAPAN

日本风格的一整套图标，可免费下载，寓意深刻，有点厉害

Lordicon

炫酷动态图标，每个图标都是精美小动画，支持下载SVG矢量格式

Iconstore

海量免费图标下载，无需注册，方便好用

Gradientify

比较全的svg矢量格式的渐变图标

Eva Icons

408+精美开源图标，可以切换线性和面性

Health Icons

医疗图标大全，免费可以下载矢量格式

iconhub

免费图标集，多达1700多个高质量图标。还可切换图标样式

3dicons

超棒的免费3D图标，格式种类多，细节丰富

Pixelarticons

像素图标，制作特别小的图标的时候，特别需要它。

IFN

来自日本的一整套免费图标，可以下载SVG矢量格式

LOGO神器

通过输入名称和简单描述，自动生成各种风格logo，给你设计更多灵感和参考

P站logo生成器

可以很方便的生成P站风格的logo，支持导出png图片

Logopond

各种类型的logo,缺少灵感的时候，记得去看看

小米风格Logo生成器

原研哉价值200w的Logo，用这个网站1秒钟生成

Squircle

超椭圆生成器，分分钟生成各种超椭圆。还能下载SVG

Logo分类汇总网站

Logo分类汇总网站，给你很多灵感

Icones

字体图标大全，里面收集了很多字体图标，也可以下载SVG

Lucide

非常牛逼的图标网站，还有Figma插件。图标很全，质量很高

unDraw

免费下载矢量插图，可更换颜色

Humaaans

免费可商用的自由插画组件，还有xd、sketch、figma插件

VECTOR CREATOR

在网页上拖拽就可以生成各种好看插图，可免费导出大尺寸png

DrawKit

美丽又温馨的矢量插图

Avataaaars Generator

插图样式的头像生成器，可以灵活组合成各种样子

Personas by Draftbit

现代的俏皮头像生成器

Sapiens Character

有趣的人物噪点插图，人物画的非常棒

Free Illustrations

免费的矢量插图

Blush

各种风格的插图，还有艺术家。可以免费下载小尺寸的png图片

Open Peeps

免费可商用矢量插图，可以自由组合，支持Xd、Sketch、Figma插件

Manypixels

可以修改颜色的矢量插图

Getillustrations

漂亮的带场景的矢量插图

Storyset

里面有各种插图文件下载，还可以简单的操作后做出带动画的插图

Shape So

图标和插图都很多，也漂亮，可以下载png，个人使用免费

PINTR

上传照片，可以生成线条绘制插图，可以下载svg格式

Skribbl

高质量手绘插画素材，PNG下载免费可商用

IRA Design

里面很多扁平插图，还可以一键下载所有svg格式

NB 3D样机

100%免费，可以自由调整角度

Mockup World

超多免费高质量的国外展示样机网站

ls Graphics

高质量的国外展示样机，里面也有不少免费的

Magic Mockups

把图片上传到这网站上，然后下载网站生成好的样机即可，比你直接下载样机都要方便

Placeit

网页里面就可以上传图片，但是要登录才能下载免费的样机

Rotato

3d动态样机，好看到哭

screely

展示MacOS风格窗口的样机，上传图片即可快速生成

Dimmy

上传图片到网站，即可直接下载做好的样机。方便好用

Angle

矢量3D样机，Sketch、Figma、Xd格式。这网站也设计得超级漂亮

sketchsheets

各种尺寸的sketch文件的样机，都是一些白膜

Artboard Studio

超级方便，样式超多的在线样机编辑器

Mokup Photos

除了样机，还有各种场景图

MOCKUPS DESIGN

免费、种类特别多的样机。手机、水杯、帽子、书籍、纸袋、T桖、化妆品…

uiiiuiii

屏幕尺寸大全

Screen Size

能查看所有苹果设备分辨率、安全区域、Widget尺寸等信息

Screen Sizes

屏幕尺寸大全

Dimensions

在线尺寸比例图数据库，超多生活中的物品尺寸

Papersizes

常用纸张的尺寸，进网站后记得选择中国

天气+

免费天气接口

animate.style

CSS做动画样式库

bootswatch

基于bootstrap的主题库

getmdl

基于google MD设计的一套框架

jqvmap

可以用来做矢量地图的js库

flat-surface-shader

好玩有趣的多边形背景，QQ登录曾经用过类似效果

fusioncharts

国外图表框架，配色还不错，可以参考学习

CODEPEN

好东西很多，我最喜欢绿袜子的超人

qunee

拓扑图相关的js框架

2345天气接口

灵活可定制，能修改文字颜色

和风天气api接口

很不错的天气接口，还有多种样式，本网站右上角就是使用它

PARTICLEGROUND

基于JS的背景粒子系统，用来做登录背景很不错

Form Follows Function

每个卡片都是一个特殊的效果，非常有意思

Codrops

收集了各种js的骚操作，各种有个性的效果

WebGL Fluid Simulation

超级炫酷流体模拟器

Bansal

国外一个设计+代码大神，他弄了很多Css的东西，比如CSS背景图案填充

Animista

很骚的动画库。里面各种效果特别全面

ray.so

让代码优雅得像穿着包臀裙的性感少妇~（代码变漂亮图片的工具）

CSS 学习

国外非常不错的CSS学习网站