设计工具大全

June 22, 2026 · View on GitHub

概览

本文整理了设计师在日常工作中可能用到的各类工具和资源，涵盖从 UI 设计、原型制作、协作管理到素材资源等多个领域。工具按功能分类，便于快速查找。

图例：免费 = 免费工具 | 开源 = 开源工具 | Mac = 仅限 macOS

无障碍工具
动画工具
增强现实工具
协作工具
取色工具
设计反馈工具
设计交付工具
设计灵感
设计系统工具
设计转代码工具
设计版本控制
开发工具
体验监控工具
字体工具
渐变工具
图标工具
插画资源
信息架构工具
Logo 设计工具
样机工具
无代码工具
像素画工具
原型工具
截图工具
草图工具
社交媒体设计工具
音效设计
图片素材
视频素材
设计学习资源
UI 设计工具
用户流程工具
用户研究工具
可视化调试工具
线框图工具
3D 建模软件

1. 无障碍工具

用于检测和改善网站/App 的无障碍合规性，确保产品对所有用户可用。

工具	说明	免费/开源
A11ygator	基于 WCAG 规则分析网站，提供 Chrome 扩展	免费、开源
Accessibility Insights	帮助开发者快速发现和修复无障碍问题	免费
Accessible Palette Builder	基于 Elm 构建无障碍调色板的原型工具	免费、开源
AChecker	评估 HTML 内容无障碍问题的 Web 应用	免费
ANDI	Web 内容无障碍测试工具（书签形式），检查 508 合规性	免费、开源
Axe	适用于所有现代浏览器的自动化无障碍测试引擎	免费、开源
ColorBox	通过算法构建无障碍色彩系统（由 Lyft 设计团队开发）	免费
Colorable	基于 Web 的对比度检测工具	免费
Color Oracle	色盲模拟器	免费
Contrast	macOS 应用，快速查看 WCAG 颜色对比度	Mac
Contrast Checker	检查元素背景与页面之间的对比度	免费
Contraste	检查文本是否符合 WCAG 无障碍标准	免费
Hex Naw	测试整个色彩系统的对比度和无障碍性	免费
Leonardo	按目标 WCAG 对比度生成调色板，由 Adobe 开发	免费、开源
PA11Y	命令行无障碍测试工具，支持编程方式报告	免费、开源
Sim Daltonism	macOS/iOS 色盲模拟器	免费、开源
Stark	Sketch 插件，模拟不同类型色盲	付费
Toptal Color Filter	测试网站在不同色盲人群中的显示效果	免费
tota11y	无障碍可视化工具包	免费
WAVE	在 Chrome 和 Firefox 中直接评估网页无障碍问题	免费
90 Examples	无障碍色彩主题合集	免费

2. 动画工具

用于创建交互动画、微交互、滚动动画等，提升用户体验。

工具	说明	免费/开源
After Effects	Adobe 视觉特效、动态图形和合成应用	付费
BeatFlyer	快速从多层合成中创建循环动画的 Web 工具	付费
Flare	为应用或游戏创建动画的设计和动画工具	免费
Flow	Sketch 设计的专业动画工具，可导出 iOS/Web/SVG 代码	Mac
GSAP	高性能 HTML5 脚本动画套件	免费
Haiku Animator	基于关键帧的动画工具，连接 UI 工具与代码	付费
Keyshape	2D 动画工具，支持导出动画 SVG	Mac
Kite Compositor	Mac 和 iOS 的动画与原型应用	Mac
LightBox	2D 手绘动画工具	免费、Mac
Lottie	解析 After Effects 动画 JSON 并在移动端/Web 端原生渲染	免费
Mantra	基于 Web 的时间轴动画工具	开源
OFFEO	在线视频制作工具，适合小型企业创建视频广告	免费
Spirit	在浏览器中实时创建和管理动画	Mac
Stylie	基于 Web 的 CSS3 图形化动画工具	开源
Tumult Hype	macOS 的 HTML5 动画和交互内容创建应用	Mac

3. 增强现实工具

用于创建、投射和原型化 AR 应用。

工具	说明	免费/开源
Daqri	将数字信息叠加到物理环境的专业级 AR	付费
EasyAR	移动应用和 AR 引擎	付费
Lens Studio	为 Snapchat 创建、发布和分享 AR 体验	免费
Spark AR Studio	为 Instagram 创建 AR 体验，无需编码	免费、Mac
Torch	基于云端的 3D 设计和原型工具，专注于移动端 AR	免费、Mac
Unity	构建高质量 3D/2D 游戏，部署到移动端、桌面和 VR/AR	付费
Vectary	为网站创建 3D 和 AR 内容	付费
Vuforia	移动设备 AR 应用开发 SDK	付费
Wikitude	为 iOS/Android/智能眼镜提供图像和物体追踪	付费

4. 协作工具

团队协作、项目管理和实时沟通工具。

工具	说明	免费/开源
Airtable	电子表格与数据库结合的灵活组织工具	付费
Asana	团队工作管理平台	付费
Basecamp	项目管理套件，集中管理员工和任务	付费
Excalidraw	手绘风格的白板绘图工具	免费、开源
Jira	敏捷团队的软件开发工具	付费
Jitsi	多平台开源视频会议	免费、开源
Miro	跨职能团队协作白板平台	付费
Notion	集写作、计划、协作和组织于一体的工具	付费
Slack	团队协作和沟通中心	付费
Trello	基于 Web 的项目管理应用	付费
Witeboard	简单的实时协作白板	免费
Zulip	结合即时聊天和邮件线程模型的开源通讯工具	开源
Mattermost	满足高安全标准的开源消息平台	开源
Nextcloud	开源协作平台，包含文件、看板、聊天等	免费、开源

5. 取色工具

取色器、色彩识别和调色板生成工具。

工具	说明	免费/开源
BrandColors	最大的品牌官方色彩代码合集	免费
Color by Adobe	使用色轮创建配色方案，浏览社区配色	免费
Color Hunt	免费开放的色彩灵感平台，数千款手工精选调色板	免费
Coolors	超快配色方案生成器	免费、Mac
Khroma	基于 AI 根据个人偏好生成调色板	付费
Paletton	创建协调配色组合的设计工具	免费
Picular	利用 Google 图片搜索生成主色调	免费
Pigment	提供多种色彩配置方案的调色板生成器	免费
React Color	来自 Sketch、Photoshop、Chrome 的取色器集合	免费、开源
Sip	macOS 全局取色工具，支持收集、组织和分享颜色	Mac
Skala Color	支持多种格式，适用于 Web/iOS/Android/macOS 开发	免费、Mac
Viz Palette	数据可视化专用取色器	免费

6. 设计反馈工具

在开发过程中收集和管理设计反馈。

工具	说明	免费/开源
Flawless Feedback	审查和标注 iOS 应用，分享反馈到 Jira 或 Trello	Mac
GoVisually	在线校对、设计审查和审批软件	付费

7. 设计交付工具

设计师完成工作后向开发者交付设计稿，包含规格、资产和代码片段。

工具	说明	免费/开源
Avocode	无需设计工具即可打开设计稿，自动获取代码	付费
Inspect	InVision 出品，为开发准备设计稿	付费
Sketch Measure	Sketch 标注插件，标注元素距离和尺寸	免费、开源
Specctr	在 PS/AI/ID 中创建红线标注	付费
Sympli	从 Sketch/Photoshop/Adobe XD 自动交付规格和资产	付费
Zeplin	自动生成准确规格、资产和代码片段的交付工具	付费

8. 设计灵感

设计模式、用户流程和创意解决方案的灵感资源。

工具	说明	免费/开源
Behance	展示和发现创意作品的在线平台	免费
Dribbble	展示用户创作作品的在线社区	付费
Mobbin	浏览热门应用的移动端设计模式	免费
One Page Love	单页网站设计灵感合集	免费
Page Flows	用户流程视频和截图，涵盖 160+ 种任务	免费
Really Good Emails	4150+ 手工精选的邮件设计	免费
ReallyGoodUX	来自真实产品的优秀 UX 示例截图	免费
Typewolf	帮助设计师选择完美字体组合	免费
UI Sources	500+ 来自顶级应用的交互设计	免费
UX Archive	120+ 移动应用的 400+ 用户流程	免费
Waveguide	包含数千个产品和品牌体验示例的设计知识库	付费
Web Design Museum	1994-2006 年间 1200+ 网站设计趋势展览	付费
Lapa Ninja	1800+ 落地页设计灵感，每日更新	免费
Httpster	来自全球的优秀网站灵感展示	免费
Collect UI	基于 Dribbble 的每日 UI 灵感，14000+ 精选设计	免费

9. 设计系统工具

构建、维护和组织设计系统的工具。

工具	说明	免费/开源
Catalog	数字产品的活样式指南，结合文档与实时组件	开源
Design System Manager	InVision 的设计系统管理器	付费
DSK	协作创建设计系统的工作台	免费、开源
Eva Design System	可定制的设计系统，提供移动端和 Web 组件库	免费、开源
Frontify	创建图形规范、模式库和设计系统	付费
Lingo	与整个团队创建共享资产库	Mac
Lucid	创建、管理和共享设计系统的工具	付费
Modulz	无需编码即可设计、构建、文档化和发布设计系统	付费
Specify	创建、扩展和维护设计系统	付费
Storybook	为 React/Vue/Angular 独立开发 UI 组件的开源工具	开源
Zeroheight	由设计师创建、开发者扩展、所有人可编辑的样式指南	付费

10. 设计转代码工具

将设计转换为可运行的网站或应用，无需编写代码。

工具	说明	免费/开源
Anima	将 Sketch 转换为 HTML 的 Web 应用和 Sketch 插件	付费
Blocs	可视化 Web 设计工具，无需编码即可创建响应式网站	Mac
Bootstrap Studio	基于 Bootstrap 框架的网页设计工具	付费
Draftbit	在浏览器中可视化设计和构建移动应用	付费
EasyLogic Studio	CSS+SVG 设计工具，支持代码导出	免费、开源
Mobirise	基于 Bootstrap 的离线拖放式网站构建器	免费
PaintCode	矢量绘图应用，即时转换为 Swift/ObjC/JS/Java 代码	Mac
Pinegrow	支持 CSS Grid、Bootstrap、Foundation 的专业可视化编辑器	付费
Tilda	使用模块化组件免费创建网站、落地页或在线商店	付费
Wix	功能全面的网站构建器	付费
Webflow	在浏览器中构建响应式网站，支持导出代码	付费
STUDIO	从零设计、实时协作并发布网站	付费

11. 设计版本控制

管理和追踪设计文件版本的工具。

工具	说明	免费/开源
Abstract	设计团队的 Sketch 文件版本管理和协作平台	付费
Folio	基于 Git 的简单设计版本控制系统	Mac
Kactus	不改变工具的设计版本控制	开源、Mac
Plant	Mac 应用和 Sketch 插件，提供完整版本控制	Mac
Versions	支持可视化差异对比、合并和冲突解决的版本控制工具	付费

12. 开发工具

开发浏览器和辅助开发的设计工具。

工具	说明	免费/开源
Blisk	提供开发工作区，加速 Web 应用开发和测试	付费
Firefox Developer Edition	Firefox 浏览器开发者版本	免费
Litmus	邮件营销创建平台，预览 HTML 邮件在各客户端的显示效果	付费
Polypane	专为创建和测试网站而构建的浏览器	付费
Storybook	为 React/Vue/Angular 独立开发 UI 组件的开源工具	免费、开源
Styleguidist	带活样式指南的独立 React 组件开发环境	免费、开源

13. 体验监控工具

分析用户行为、收集反馈的工具。

工具	说明	免费/开源
Amplitude	用户行为分析，快速发布更好的产品体验	付费
FullStory	在一个平台中捕获所有客户体验数据	付费
Google Analytics	衡量广告投资回报率，跟踪网站和应用	免费
Heap	自动捕获所有交互并回溯分析数据	付费
Hotjar	查看访客如何使用网站并收集用户反馈	付费
Inspectlet	录制访客操作视频	付费
LogRocket	查看用户在网站上的行为，帮助复现和修复 bug	付费
Mixpanel	跨用户数据获取洞察，做出更明智的决策	付费
Smartlook	用户会话回放和用户参与度分析	付费
Fathom	不追踪或存储用户个人数据的简单网站统计	付费

14. 字体工具

字体管理、发现和使用工具。

工具	说明	免费/开源
DaFont	免费可下载字体存档，支持按风格/作者/人气浏览	免费
Fontbase	字体管理工具	免费
FontPair	帮助搭配 Google 字体的简单工具	免费
Font Squirrel	免费字体下载，种类丰富	免费
Google Fonts	通过优质排版让 Web 更美观、快速和开放	免费
LostType	首个"按需付费"字体铸造厂	付费
RightFont	字体管理应用，支持预览、同步和组织字体	Mac
Typeface	通过实时预览和灵活标签改善设计流程的字体管理器	Mac
WordMarkIt	用电脑已安装的所有字体显示输入的文字	免费
Fontface Ninja	浏览器扩展，发现任何网站使用的字体	付费
Google Webfonts Helper	自托管 Google Fonts 的辅助工具	免费、开源

15. 渐变工具

创建和发现渐变配色方案。

工具	说明	免费/开源
Blend	创建和自定义 CSS3 渐变	免费
CSS Gradient	免费的 CSS 渐变生成器	免费
Grabient	简洁美观的 Web 渐变生成界面	免费
Gradient Hunt	免费开放的渐变灵感平台	免费、开源
UI Gradients	为设计师和开发者精选的美丽渐变合集	免费
Web Gradients	180 个免费线性渐变合集	免费
ColorSpace	为项目生成匹配的配色方案	免费
CoolHue	精选渐变调色板	免费

16. 图标工具

图标资源库和管理工具。

工具	说明	免费/开源
Feather Icons	基于 24x24 网格设计的简洁图标集	免费、开源
Flaticon	159 万+ 矢量图标，支持 SVG/PSD/PNG/EPS 格式	付费
Font Awesome	最流行的图标集和工具包	开源
Icons8	iOS/Android/Windows 风格的免费图标	免费
Material Design Icons	开源贡献的免费 Material Design 图标	免费、开源
Noun Project	万物皆有图标	付费
Simple Icons	流行品牌的免费 SVG 图标	免费
Iconfinder	矢量图标市场	付费
Iconmonstr	4412+ 免费图标，305 个合集	免费
SVGRepo	30 万+ SVG 矢量和图标	免费
Ionicons	精美的开源图标	免费
Ikonate	可自定义的免费矢量图标	免费

17. 插画资源

免费和付费的插画素材。

工具	说明	免费/开源
Absurd Design	免费超现实主义插画	免费
Blush	创建、混合和自定义全球艺术家制作的插画	免费
Humaaans	可混合搭配的人物插画库	免费
IRA Design	使用手绘组件和渐变色创建插画	免费
ManyPixels	免版税插画资源	免费
Open Doodles	CC0 许可的免费插画集	免费
Ouch	提升项目品质的矢量插画	免费
unDraw	精美的免费 SVG 图片合集	免费
Blobmaker	在浏览器中创建矢量 blob 插画	免费

18. 信息架构工具

帮助组织和结构化网站/App 内容的工具。

工具	说明	免费/开源
DYNO Mapper	使用可视化站点地图组织网站项目	付费
Octopus.do	可视化站点地图构建器，支持实时协作	付费
OmniGraffle	创建图表和设计的强大应用	Mac
OptimalSort	卡片分类工具，帮助理解用户如何分类内容	付费
WriteMaps	创建站点地图，规划页面和内容	付费

19. Logo 设计工具

Logo 创建和品牌标识设计工具。

工具	说明	免费/开源
Design Evo	大量矢量图标和形状帮助轻松设计自定义 Logo	免费
Free Logo Design	快速创建专业 Logo	免费
Logojoy	使用 AI 即时生成独特的 Logo 创意	付费
Logo Lab	通过自动化视觉实验测试 Logo	免费
Logo Maker (Ucraft)	免费 Logo 制作工具	免费
Logo Makr	免费设计 Logo，数百种字体和图标可选	免费
Logo Rank	上传 Logo 查看客观评分	免费

20. 样机工具

创建产品样机和设备模型展示。

工具	说明	免费/开源
Artboard Studio	专注于产品样机的在线图形设计应用	付费
Devices by Facebook	流行设备的图片和 Sketch 文件	免费
Mockup World	大量免费、完全分层的逼真 PSD 样机	免费
Moqups	实时协作创建线框图、样机、图表和原型	付费
Smartmockups	几次点击即可创建产品样机	付费
Rotato	为应用设计创建动画 3D 样机	Mac
Screely	快速将网页设计嵌入极简浏览器窗口	免费
Device Shots	免费创建带设备边框的精美样机	免费
Threed	在浏览器中生成自定义 3D 设备样机	付费

21. 无代码工具

无需编程即可构建网站、应用和自动化流程。

工具	说明	免费/开源
Bubble	无需编码即可构建和托管 Web 应用	付费
Carrd	简单、免费、全响应式单页网站	免费
Coda	融合文档、电子表格和应用功能的新型文档	免费
Retool	提供构建模块，更快速地构建工具	付费
Shopify	电商和零售功能一体化平台	付费
Thunkable	拖放式原生移动应用构建工具	付费
Remove.bg	免费去除照片背景	免费

22. 像素画工具

创建像素艺术和精灵动画。

工具	说明	免费/开源
Aseprite	动画精灵编辑器和像素画工具	开源
GraphicsGale	具有调色板控制等像素画专用功能	免费
Piskel	在线精灵动画和像素画编辑器	免费、开源
Pyxel Edit	专注于制作图块集、关卡和动画的像素画编辑器	免费、开源

23. 原型工具

创建交互原型以测试设计假设。

工具	说明	免费/开源
Axure RP	线框图、原型、协作和规格生成	付费
Figma	基于浏览器的设计工具，支持实时协作和原型	付费
Framer X	可视化设计逼真交互原型的工具	Mac
InVision	原型、协作和工作流平台	免费
Flinto	为应用设计创建交互和动画原型的 Mac 应用	Mac
Keynote	macOS 内置演示工具，也可用于快速原型	免费、Mac
Marvel App	集线框图、原型、设计和规格于一体的协作设计平台	付费
Origami	免费的现代 UI 设计工具，支持在 iPhone/iPad 上运行原型	免费、Mac
Principle	轻松设计动画和交互式 UI	Mac
ProtoPie	高保真交互原型，支持传感器辅助	付费
Proto.io	创建与真实应用完全一致的高保真交互原型	付费
Uizard	将线框图转换为高保真交互原型	免费
UXPin	使用代码组件、逻辑、状态和设计系统构建逼真原型	免费

24. 截图工具

屏幕录制和截图工具。

工具	说明	免费/开源
CleanShot	带标注工具和快速访问覆盖层的截屏工具	Mac
CloudApp	录制视频、摄像头，标注截图，创建 GIF	付费
Greenshot	截取选定区域、窗口或全屏	免费
Kap	开源录屏工具，支持导出 GIF/MP4/WebM/APNG	免费、开源、Mac
OBS	视频录制和直播的开源软件	免费、开源
ShareX	屏幕捕获、文件共享和生产力工具	免费、开源
Snagit	捕获图像和视频，创建 GIF，标注和编辑	付费
ScreenToGif	录制屏幕部分区域为 GIF	免费、开源
Quicktime	macOS 内置的屏幕录制工具	免费、Mac

25. 草图工具

在线草图和模板工具。

工具	说明	免费/开源
Responsive Sketchsheets	自适应预设计模板	免费
Sketchsheets	最新设备和平台的免费可打印模板	免费、开源
Sneakpeekit	可打印的笔记网格和设备框架	免费
Sketchize	选择适合项目的草图纸，打印后开始绘制	免费

26. 社交媒体设计工具

为社交媒体平台创建营销素材。

工具	说明	免费/开源
Canva	为工作和生活创建精美设计	付费
Crello	创建帖子、封面、图形和海报	付费
Pablo by Buffer	为社交媒体帖子设计引人注目的图片	免费
SocialSizes	提供社交媒体图片和视频的最佳尺寸参考	免费
Stencil	轻松快速创建社交媒体图片的图形设计工具	付费

27. 音效设计

为网站、应用、游戏等产品创建音效。

工具	说明	免费/开源
AudioJungle	83 万+ 曲目和音效	付费
Bensound	免费知识共享音乐	免费
Freesound	知识共享音效的协作数据库	免费
Fugue Music	免费下载视频背景音乐	免费
Sonic Pi	实时编码音乐合成器	免费、开源
SoundKit	为界面需求设计的 UI 音效库	付费
YouTube Audio Library	浏览和下载免费项目音乐	免费

28. 图片素材

免费和付费的高质量图片资源。

工具	说明	免费/开源
Unsplash	免费使用的高质量图片	免费
Pexels	聚合多个免费图片资源	免费
Pixabay	分享图片、插画、矢量图形和视频素材	免费
Burst	适用于网站和商业用途的免费图片	免费
FoodiesFeed	数千张精美的免费高清食物图片	免费
Gratisography	免费高分辨率图片合集	免费
Kaboom Pics	包含抽象、城市、时尚、食物等类别的图片	免费
Life of Pix	免费高分辨率图片	免费
StockSnap.io	大量免费高分辨率图片	免费
Reshot	独家精选的免费图片库	免费
UI Faces	聚合各种免费头像源，用于设计样机	免费

29. 视频素材

免费和付费的高质量视频素材。

工具	说明	免费/开源
Coverr	精美的免费视频素材	免费
Mixkit	免费高清视频素材	免费
Pexels Videos	轻松查找免费视频素材	免费
Pixabay	150 万+ 免版税视频和图片	免费
Videvo	大量高清视频片段、动态图形和免费素材	免费
Videezy	下载数百万免费和付费视频素材	付费

30. 设计学习资源

学习 UI/UX 设计的课程和平台。

工具	说明	免费/开源
Design Better	来自顶级设计团队的最佳实践、故事和洞察	免费
Design+Code	关于最佳工具和设计系统的完整课程	付费
DesignerUp	自学课程和导师指导，掌握产品设计	付费
Figma Training	Figma 的速成课程	付费
Interaction Design Foundation	学习 UX/UI 技能的行业知名网站	付费
Laws of UX	设计师在构建 UI 时可参考的法则和原则合集	免费
Learn UX	学习 UI 和 UX 工具的完整方法	付费

31. UI 设计工具

综合性的 UI/UX 设计工具。

工具	说明	免费/开源
Adobe XD	设计、原型和分享用户体验	免费
Affinity Designer	macOS/iOS/Windows 的矢量图形编辑器	付费
Figma	基于浏览器，支持设计和原型的实时协作工具	付费
GIMP	免费开源的图像和图形设计软件	免费、开源
Illustrator	Adobe 的矢量图形设计工具	付费
Inkscape	免费开源的矢量图形编辑器	免费、开源
Krita	免费绘画和图形设计软件	免费、开源
Lunacy	免费 Windows 原生应用，支持 .sketch 文件	免费
Photopea	免费的浏览器端图形设计应用（Photoshop 替代品）	免费
Photoshop	Adobe 图像和图形设计软件	付费
Sketch	专为 Mac 设计的设计工具包	Mac
InVision Studio	集设计、原型和协作于一体	付费
Vectr	简单的跨平台矢量图形工具	免费
Gravit	免费矢量设计应用，支持多平台	免费

32. 用户流程工具

规划用户路径和创建流程图。

工具	说明	免费/开源
Draw.io	免费在线图表软件，制作流程图、UML 等	免费
Flowmapp	在线创建站点地图和用户流程	付费
Google Drawings	在 Google Docs 中免费创建图表	免费
Lucidchart	在线创建图表、流程图、站点地图等	付费
MindNode	让头脑风暴变得简单的思维导图应用	Mac
Overflow	将设计转换为可播放的用户流程图	付费
Whimsical	轻松创建流程图、线框图和便签	付费
XMind: ZEN	头脑风暴和思维导图工具	付费
yEd	免费的桌面图表制作工具，自动布局	免费

33. 用户研究工具

理解用户行为、需求和动机的方法与工具。

工具	说明	免费/开源
Calendly	无需反复邮件沟通即可安排会议	付费
Doodle	在线日历工具，用于时间管理和协调会议	付费
JotForm	创建在线表单，收集数据	免费
Lookback	远程运行、录制和记录用户研究会话	付费
Survey Monkey	在线调查工具	付费
Typeform	拖放式表单、调查和问卷创建工具	付费
User Interviews	从 12.5 万成员社区中招募研究参与者	付费
Zoom	在线会议服务	付费

34. 可视化调试工具

用于前端调试和设计检查。

工具	说明	免费/开源
LogRocket	录制用户操作以便复现和修复 bug	付费
PixelSnap	测量屏幕上任何内容的工具	Mac
VisBug	在任何网页上可视化调试、检查样式和无障碍性	免费、开源
Visual Inspector	网站反馈和设计 bug 修复的协作工具	付费

35. 线框图工具

快速勾勒网站/App 的基本结构。

工具	说明	免费/开源
Balsamiq Cloud	轻松的 UI 草图工具	付费
BLOKK	用于快速样机和线框图的字体	免费
Gliffy	创建框架、UML 图、流程图和线框图	付费
Gridzzly	最简单的自定义网格纸打印工具	免费
Layoutit	CSS Grid 和 Bootstrap 的界面构建器	免费
Wireframe.cc	简洁的线框图工具	免费
Whimsical Wireframes	即时线框图，丰富的可配置元素库	付费
1200px Grid System	适用于更宽网站设计的网格系统	免费

36. 3D 建模软件

用于游戏、电影、建筑、工程和 3D 打印的 3D 建模工具。

工具	说明	免费/开源
Blender	免费开源的 3D 创作软件	免费、开源
FreeCAD	免费开源的多平台 3D 参数化建模器	免费、开源
Maya	动画、环境、动态图形、VR 和角色创建一体化工具	付费
SketchUp	简单易学的 3D 设计软件	付费
Tinkercad	免费易用的 3D 设计、电子和编程应用	免费
Rhino	基于曲线的 3D 建模软件	付费
Vectary	拖放式 3D 建模工具	付费
Onshape	专注于技术零件设计的全云端 3D 建模软件	付费

要点总结

工具选择原则：根据项目规模、团队协作需求和预算选择合适工具，不必追求功能最全。
免费资源丰富：大量高质量工具提供免费版本或开源方案，初学者可零成本入门。
设计系统是趋势：使用设计系统工具（如 Storybook、Zeroheight）可保持产品一致性和开发效率。
无障碍不可忽视：在设计阶段就使用无障碍检测工具（如 Axe、WAVE），避免后期返工。
原型验证优于假设：使用原型工具（如 Figma、ProtoPie）尽早验证设计假设，降低开发成本。
协作优先：选择支持实时协作的工具（如 Figma、Miro），提升团队沟通效率。

概览

目录

要点总结