设计工具
共 548 个设计师推荐的设计工具网站。
Pencil Project
开源 GUI 原型设计工具，跨平台，内置丰富组件，可快速创建桌面与移动端线框图和原型。
配色工具Colorffy
在线配色工具，可生成调色板、渐变和明暗主题，支持导出 Tailwind、CSS 等格式。
设计交付BlockDex
跨所有公开 shadcn registry 的组件级搜索，显示安装命令、依赖、是否免费及是否仍可用。
配色工具Html Colors
在线颜色选择器与色卡工具，支持 HEX、RGB、HSL、CMYK 等多种颜色代码转换与配色灵感。
图片处理Pixel Art to CSS
在线像素画绘制与动画工具，可将作品导出为 CSS box-shadow 代码。
配色工具Color Curves
通过在色彩空间中绘制曲线来生成配色方案的工具，支持 OKLCH/HSL 和多种曲线形状。
Shadesigner
为 shadcn/ui 项目生成配色方案与主题的在线工具，支持编辑现有主题，100% 符合 WCAG 无障碍标准。
配色工具Palette
根据提示词生成自定义 Tailwind 调色板，支持明暗模式、中性色阶与对比度检查。
图怪兽
在线图片设计制作工具，提供超200万套模板，支持海报、小红书、公众号等场景，正版素材可商用。
截图美化 / 样机生成Mediamodifier
在线样机生成器，提供超 1.5 万个模板，无需设计软件即可快速制作产品与设备样机图。
配色工具Pigment by ShapeFactory
基于光线与颜料混合原理的配色生成器，快速生成鲜艳和谐的色彩组合。
无代码建站Designmodo
邮件与网页设计套件，含 Postcards 邮件模板生成器、Slides 建站工具和 Startup 落地页生成器，无需编码。
HTML CSS Color
在线颜色工具库，提供 HEX/RGB/HSL/CMYK 颜色查询、预览、调色板生成与对比度检查。
无代码建站Grapedrop
免费响应式落地页搭建工具，拖拽式编辑器，内置区块，可导出代码，基于开源 GrapesJS。
Screen Loupe
★ 2原生 macOS 屏幕放大镜，可实时放大屏幕任意区域，支持像素级检查、取色和截图。
图片处理Image Compressor
免费在线图片压缩工具，支持 JPEG、PNG、WebP、GIF、SVG，浏览器本地处理不上传。
Doodle Ipsum
插画版 Lorem Ipsum，通过 URL 参数快速生成可自定义的插画占位图，由 Blush 提供。
图标 / SVG 工具fffuel
免费 SVG 生成器与配色工具合集，可快速制作渐变、图案、纹理、形状和背景。
配色工具Tint & Shade Generator
输入十六进制颜色，按 10% 步进生成深浅色阶，输出与 Chrome DevTools、Sass 等一致。
白板与协作MockFlow
在线白板与线框图工具，支持团队协作、AI 生成 UI 概念，并可一键将设计转为代码。
配色工具ColorsWall
免费在线配色工具，提供海量色板、随机生成器与 HEX/RGB 色值，可保存收藏。
原型与交互Wireflow
免费开源的在线用户流程图与线框图工具，内置100+图形，支持实时协作，无需注册。
无代码建站Tilda
Tilda 是一款可视化无代码建站工具，提供 550+ 预制区块和 AI 助手，可快速搭建网站、落地页和在线商店。
Gliffy
在线图表工具，可快速绘制流程图、UML、线框图和架构图，支持 Confluence 集成与 AI 生成。