Mesh Gradients

基于Three.js构建真实3D网格、采用Hermite双三次颜色插值生成渐变，告别模糊圆点伪渐变，直接作为Sketch图层图像填充使用。

核心能力

插件在Sketch内部创建真正的3D网格（非模糊圆点堆叠），通过Hermite双三次插值算法计算颜色过渡，输出可编辑的图像填充。

• 真实3D网格: 使用Three.js构建，支持点、线、面交互调整
• Hermite插值: 双三次颜色插值保证过渡平滑无断层
• 可回溯编辑: 渐变数据存储在Sketch文件内，安装插件的用户可随时重新调整

收费与许可

一次性买断，无订阅，更新免费。提供7天全功能试用。

• 单设备许可: $9.99，绑定一台设备
• 团队许可: $39.99，不限设备数，覆盖整个团队
• 试用: 7天全功能免费试用，无功能阉割

适用场景

适合需要在Sketch中快速生成高质量网格渐变的设计师，尤其是需要保留后期编辑能力的场景。

• UI背景: 生成可复用的渐变背景填充
• 品牌视觉: 创建独特的品牌渐变配色方案
• 原型设计: 在Sketch原型中直接使用真实网格渐变，无需导出位图

常见问题

Q1：Mesh Gradients生成的渐变能否在Figma中使用？

A1：官方已推出Figma版本，可在Figma内使用相同引擎生成网格渐变。Sketch版本生成的渐变数据仅限Sketch编辑，但可通过导出为PNG或CSS跨平台使用。

Q2：团队许可证是否限制激活设备数量？

A2：团队许可证不限制激活设备数，整个团队任意设备均可激活。单设备许可证则仅限一台设备。

更多同类工具与网站,可在颜色搭配分类继续挑选。

信息核实于 2026年7月,具体以官网为准。