设计工具
共 541 个设计师推荐的设计工具网站，按质量与推荐次数排序。
配色工具Coolors
在线配色工具，提供超千万配色方案，可生成、保存、导出调色板并检查对比度。
白板与协作Morpholio
面向建筑师和设计师的创意应用套件，提供草图、情绪板、作品集等工具，并拥有活跃社区。
Google Web Designer
谷歌出品的免费可视化工具，用于制作 HTML5 广告、动效与交互式网页设计，支持代码编辑。
视频剪辑工具Kap
开源屏幕录制工具，支持导出 GIF、MP4、WebM、APNG，可录制音频、高亮点击和裁剪。
图片处理ShareX
免费开源的 Windows 截图与录屏工具，支持滚动截图、OCR、GIF 录制及一键上传分享。
即时设计
国产在线 UI 设计工具，支持多人实时协作、原型交互与开发标注，兼容 Figma/Sketch/XD 文件，浏览器即可使用。
配色工具CSS Gradient
免费的 CSS 渐变生成器，可视化调色并复制代码，还提供渐变配色、示例与教程。
白板与协作yEd Graph Editor
免费桌面图表编辑器，支持导入数据并自动布局，快速生成流程图、UML 等高质量图表。
字体工具FontBase
为设计师打造的新一代字体管理器，快速、界面美观且完全免费，支持 Mac 和 Windows。
原型与交互Balsamiq Cloud
快速、易用的协作式线框图工具，支持手绘或 AI 生成，可快速转为交互原型。
配色工具HTML Color Codes
在线取色与配色工具，提供 Hex、RGB、HSL、OKLCH 色值查询、色轮、色卡与图片取色。
Marvel
在线协作设计平台，支持线框图、原型制作、用户测试与设计交付，免费使用。
设计交付PixelSnap
Mac 上最快的屏幕测量工具，可自动吸附测量任意界面元素的距离与尺寸。
配色工具Shadow Palette Generator
Josh Comeau 出品的 CSS 阴影调色板生成器，可一键生成多层、逼真、带色相的 CSS 阴影变量。
UI 设计软件Affinity Designer
专业矢量与图形设计软件，实时渲染、精准节点编辑，现已完全免费，支持 AI 生成矢量。
Lorem Ipsum
经典的占位文本生成器，提供多语言 Lorem Ipsum 随机段落，用于排版与设计填充。
Flinto
Mac 上的 App 原型设计工具，支持交互动效、微交互与手势，可从 Figma/Sketch 导入。
PaintCode
矢量绘图工具，实时将图形转换为 Swift、Objective-C 等原生代码，连接设计与开发。
Clippy
在线 CSS clip-path 生成器，可视化拖拽编辑多边形与圆形裁剪路径，实时生成代码。
Chalkmark
Optimal Workshop 出品的首点击测试工具，快速发现导航可用性问题并验证设计决策。
图片处理Ezgif
免费在线 GIF 制作与图片编辑工具集，支持 GIF、WebP、APNG 等动图格式的转换、裁剪与优化。
Canva
在线平面设计平台，拖拽式操作，海量模板，支持海报、Logo、PPT、视频等设计。
Placeit
在线样机与设计模板平台，15 万+ 模板，拖拽即可生成产品图、Logo、视频等品牌素材。
Frontify
品牌智能平台，集中管理品牌指南、素材与知识，结构化供人和 AI 使用。