工具推荐

Principle 专注 UI 动效与交互动画。时间轴与驱动关系直观。适合 App 与网页动效原型。

Procreate 是 iPad 专业绘图应用。画笔与图层强大。适合插画、概念设计与手绘 UI。

Affinity Designer 是一次性购买的矢量设计应用。支持矢量与像素模式。可替代 Illustrator。

Zeplin 是设计交付与协作平台。从 Figma/Sketch 同步规范、标注与素材。连接设计与开发。

Huemint 用机器学习生成配色。可针对品牌、界面或插画风格生成和谐配色。

Happy Hues 在真实场景中展示配色效果。可直观看到颜色在实际界面中的表现。适合配色灵感。

Paletton 基于色彩理论生成配色（互补、类似、三角等）。适合学习色彩理论与创建和谐配色。

Tabler Icons 提供 4000+ 描边风格图标。描边统一。支持 SVG 与多框架。适合仪表盘与产品。

Phosphor Icons 提供多种字重与风格（细、常规、填充等）。灵活统一。适合现代 UI。

Feather Icons 是极简线性图标集。体积小、风格统一。适合移动端与极简界面。

Icons8 提供图标、插画、照片与音乐。多种风格与尺寸。免费版需署名或回链。

Rive 可创建实时交互动画。导出轻量运行时。支持 Flutter、Web、Unity。适合 App 与游戏 UI。

Cubic Bezier 可可视化调整贝塞尔曲线并生成 CSS transition-timing-function。适合精确控制动效。

Easings.net 展示常见缓动函数曲线与代码片段。支持 CSS、JS、Swift。方便复制到项目。

Animista 提供即用型 CSS 动画片段。可调参数并复制代码。适合快速为页面添加动效。

Three.js 是流行的 WebGL 库，可在浏览器中创建 3D 场景与动画。适合创意与产品展示。

Vectary 是在线 3D 设计与 AR 工具。可建模、贴图并嵌入网页。适合产品展示与营销素材。

Shapefest 提供免费 3D 形状与场景素材。可下载用于 Blender、Figma、Web。适合快速搭建场景。

Atlassian Design 为 Jira、Confluence 等提供设计指南与组件库。适合企业 B2B 产品。

Carbon 是 IBM 开源设计系统。包含组件、图标与模式。适合数据与企业管理界面。

Polaris 是 Shopify 设计系统。覆盖电商组件与模式。适合电商与商家后台。

Storybook 用于在隔离环境中开发与展示 UI 组件。支持多框架。适合设计系统文档与测试。

Law of UX 汇总认知与设计原则（希克定律、菲茨定律等），配有简要说明与示例。适合学习 UX 理论。

Pixabay 提供免费图片、插画、矢量与视频。商用无需署名。适合图片与视频素材。