设计与开发

Coolors 是一款配色生成工具，提供从图片取色、对比度检查、渐变，以及可浏览的共享配色库。

Iconoir 是开源图标库，在 24×24 网格上提供 1,600 多个 SVG 图标，采用 MIT 许可且无需注册；你可以在其网站上浏览并下载图标。

Open Peeps 是 Pablo Stanley 制作的 CC0 许可手绘插画库，可通过混合手臂、腿、发型、服装、面部表情和姿势来组合人物。

Accessibility Insights for Web 是 Microsoft 的 Chrome 和 Microsoft Edge 扩展，提供用于快速扫描的 FastPass 和按步骤进行 WCAG 2.1 AA 评估的 Assessment。

Carrd 是一项无需写代码、用来搭建和发布个人主页、宣传页和落地页等单页且适配手机的网站的服务；可免费开始，每个账户最多三个网站。

iconmonstr 是一个图标网站，在 316 个合集中提供 4,784 个以上的免费图标，可搜索，接受许可协议后即可下载。

Jitter 是一款基于网页的动效设计工具，可从免费模板或空白画布开始制作动画，并把成果导出为视频、GIF 或 Lottie。

ManyPixels 图库是一个插画图库，提供 20,000 多幅免费插画，涵盖五种风格和 17 个类别，许可允许免署名的商业使用。

Mockuuups Studio 是一款样机编辑器，你可以把设计拖放到数千个设备和印刷样机上；它可在浏览器中使用，也有桌面应用，并提供 Figma、Sketch、Penpot 和 Adobe Express 插件。

Moqups 是一款基于云的设计工具，可为网站、应用和仪表盘创建线框图、效果图、交互式原型和示意图。

Notepad++ 是适用于 Windows 的免费源代码编辑器，可替代记事本；它基于 Scintilla 组件，采用 GPL 许可证。

使用须知: 需要在电脑上安装。

Rive 是一款用状态机设计交互式动画和界面的工具；提供浏览器编辑器和桌面应用，导出结果可在 iOS、Android、网页、Flutter、React 和游戏引擎等运行时中运行。

Spline 是一款 3D 设计工具，可在浏览器以及 Mac 和 Windows 桌面应用中通过实时协作构建 3D 场景，添加交互和动画，并导出到网页、React 等格式。

Storyset 是 Freepik Company 的插画网站，提供可编辑和带动画的插画，免费使用须署名。

The Noun Project 是一个由创作者制作的矢量图标和照片大型库，可下载为 SVG 和 PNG，提供免费下载和付费免版税许可。

unDraw 是一个免费 SVG 插画网站，可即时更改颜色以匹配品牌，许可允许免署名的商业和非商业使用。

Visual Studio Code 是 Microsoft 的代码编辑器，可在 Windows、macOS、Linux 和浏览器 (vscode.dev) 中使用，提供扩展、Git、集成终端和调试功能。

使用须知: 需要在电脑上安装。

Zed 是 Zed Industries 用 Rust 编写的代码编辑器，为速度以及与人和 AI 协作而设计，可在 macOS、Windows 和 Linux 上运行。

使用须知: 需要在电脑上安装。

Adobe Color 是 Adobe 的配色工具，可在色轮上按和谐规则创建配色，从图片提取配色和渐变，并提供对比度检查和色盲模拟。

Awwwards 是一个网页设计奖项与灵感图库，按类别和技术展示获奖网站；浏览免费，Pro 会员则提供作品提交和个人资料方面的权益。

Color Hunt 是一个配色浏览站，设计师和艺术家可按颜色、情绪或主题浏览现成配色，并按最新、热门或随机排序。

Dribbble 是一个设计平台，设计师在这里分享作品，你可以发现顶尖设计师及其作品，公司也在这里寻找创意人才。

Figma 是一款设计工具，可在同一个画布上设计界面并制作原型、与团队协作，还能通过 Dev Mode 把设计转为代码；可通过 figma.com 和桌面应用使用。

Fontjoy 是一款网页工具，用深度学习推荐字体搭配，可用生成、锁定和编辑按钮手动调整字体组合，并以 Google Fonts 库为字体来源。

Google Fonts 是 Google 在 fonts.google.com 提供的字体集合，大多数采用 SIL Open Font License，部分采用 Apache 2 和 Ubuntu Font License。

Google Sites 是 Google 与 Google Workspace 集成的工具，可通过拖放、无需写代码搭建团队、项目和活动网站。

Leonardo 是 Adobe 的开源配色工具，可根据目标对比度生成色阶和自适应主题，从一开始就考虑可访问性。

LottieFiles 是一个动效设计平台，提供包含超过 800,000 个免费和高级现成动画的资源库、基于网页的 Lottie Creator 编辑器，以及 Lottie 和 dotLottie 格式。

Mobbin 是一个设计参考资料库，收录移动端和网页应用的界面、注册引导和结账等完整流程、界面模式以及网站板块；免费账号只能有限访问。

PageSpeed Insights 会分析某个网页地址在手机和桌面端的表现，并同时显示真实用户的现场数据和 Lighthouse 实验室数据。

Penpot 是一个开源设计平台，用于界面设计、线框图和交互式原型；你可以在云端使用，也可以安装到自己的服务器上，并且它支持 SVG、CSS、HTML 和 JSON 等开放标准。

Phosphor Icons 是采用 MIT 许可的图标家族，面向界面、图表和演示文稿，包含 1,248 个图标和六种粗细（细、轻、常规、粗、填充、双色）。

Placeit 是 Envato 旗下基于网页的设计工具，提供服装、数码设备、印刷和按需印刷产品的样机，还有 Logo 生成器、设计模板和视频工具；无限下载需要订阅。

Rotato 是一款样机生成器，可以把你自己的应用或网页设计放到 30 多个现成 3D 设备的屏幕上，并生成动画视频或图片；它有 macOS 应用和处于公开测试阶段的网页版。

使用须知: 需要在电脑上安装。

Shots.so 是一款基于网页的样机应用，可以借助设备边框、背景和动画效果，把产品截图变成演示图片或短视频。

Squarespace 是一个无需写代码的建站平台，提供模板、拖放编辑器和 AI 网站生成器，并把托管、域名和电商工具集中在一处。

Sublime Text 是 Sublime HQ 为 Windows、macOS 和 Linux 开发的付费文本编辑器，强调代码、标记语言和文章的编辑性能，并通过 Python 3.8 API 支持插件。

使用须知: 需要在电脑上安装。

Uizard 是一款 AI 辅助的界面设计工具，可根据文字提示生成包含多个屏幕且可编辑的原型，并把截图和手绘草图转换为可编辑的设计。

WAVE 是 WebAIM 提供的工具，会直接在网页上用图标标出无障碍和 WCAG 错误；提供在线工具和浏览器扩展两种形式。

Webflow 是一个建站平台，可以不写代码、以可视化方式设计网站，并借助 CMS、托管和电商功能发布。

WhatTheFont 是 MyFonts 的字体识别工具，在其数据库中搜索与图片中文字相似的字体，并给出带文字预览的匹配列表。