设计工具最容易按品牌选错。先看你手上是什么文件、最终要交付什么:一张网页图片、带透明背景的商品图、PSD、UI 原型或可复用素材,需要的工具完全不同。

设计与图片

做一张社媒图、给商品图抠背景、压缩网页图片、画产品界面,需要的工具完全不同。这里按任务拆开,先找能把当前这件事做完的工具。

按问题进入

先判断你现在卡在哪一步

再看具体产品

在线设计

3 个

Adobe Express

Adobe 的轻量在线设计和内容制作工具。

设计Adobe

Kapwing

面向社媒内容的图片和视频在线编辑平台。

图片视频社媒

Webflow

可视化网站构建平台,覆盖设计、CMS、托管、本地化和 SEO 设置。

网站设计CMS

Whimsical

轻量视觉协作工具,覆盖流程图、脑图、线框图、白板和文档。

流程图线框图

Lucidchart

在线图表与可视化协作工具,适合流程、系统架构和业务图表。

流程图架构图

原型设计

2 个

白板

1 个

图片编辑

2 个专题 →

Pixlr

浏览器里的图片编辑和设计工具。

图片在线编辑

图片压缩

2 个专题 →

抠图

2 个专题 →

PhotoRoom

面向商品图和社媒图片的背景处理与设计工具。

抠图商品图

配色

3 个

Coolors

快速生成、浏览和整理配色方案的工具。

配色颜色

Color Hunt

浏览社区配色方案的简单配色网站。

配色灵感

Adobe Color

Adobe 提供的配色和色轮工具。

配色Adobe

图标

4 个

Icons8

提供图标、插画、照片和设计资源。

图标插画素材

Heroicons

适合 Web UI 的开源 SVG 图标集。

图标SVG开源

Lucide

简洁的开源图标库,适合网页和应用界面。

图标SVG开源

素材

6 个

unDraw

可调整主题色的开源插画资源。

插画开源

Blush

组合和定制插画素材的设计工具。

插画设计

Haikei

生成 SVG 背景、波浪和抽象图形的设计工具。

SVG背景

Lorem Picsum

为设计和开发提供随机占位图片。

占位图开发

绘图

1 个

网页设计

1 个

3D

1 个

Spline

浏览器里的 3D 设计和交互创作工具。

3D设计

Mockup

1 个

Shots

快速制作产品截图和设备展示图的工具。

截图Mockup

压缩

1 个

SVGOMG

用于压缩和优化 SVG 文件的在线工具。

SVG压缩