getwaves.io

Get Waves 提供了 Figma 插件，安装后可以在 Figma 内直接生成波浪形状，不必再切到浏览器里导出文件再导入。根据网站页面信息，插件入口在 Get Waves 首页，标注为 “You can now make waves directly in Figma! Get the Figma plugin”。适合需要在设计稿里快速加装饰性波浪、又不想离开 Figma 工作流的设计师。

前提条件

• 一个可用的 Figma 账号，并能正常访问 Figma 社区或插件市场。
• 已安装 Figma 桌面端或使用浏览器版 Figma。
• 需要生成的是 SVG 波浪图形，用于网页、海报、Banner 等设计场景。

安装 Get Waves 插件

1. 打开 Get Waves 网站首页。
2. 找到页面中 “You can now make waves directly in Figma! Get the Figma plugin” 这一段，点击其中的插件链接。
3. 页面会跳转到 Figma 社区对应的插件详情页。
4. 在插件详情页点击 “Open in…” 或 “Run” 之类的按钮（具体文案以 Figma 页面为准），按提示完成安装或直接运行。

预期结果：插件出现在你的 Figma 插件列表中，之后可以在任意设计文件中调用。

在 Figma 中生成波浪

1. 打开或新建一个 Figma 设计文件。
2. 在画布空白处右键，或使用顶部菜单找到 Plugins（插件）入口。
3. 在插件列表里搜索并运行 Get Waves。
4. 插件面板打开后，按面板中的选项调整波浪：选择曲线样式、调整复杂度（complexity）、随机化（randomize）等。
5. 确认效果后，将生成的波浪插入到画布中。

预期结果：画布上出现一个可编辑的 SVG 波浪图层，可以直接用于你的设计稿。

验证是否成功

• 画布上出现波浪形状，且可以选中、移动、缩放。
• 图层类型为矢量图形（SVG），不是位图截图。
• 调整插件参数后，波浪形态会随之变化。

常见卡点

• 找不到插件入口：Figma 的插件菜单位置会随版本变化，可在顶部菜单或右键菜单中查找 Plugins。
• 插件打不开：确认已登录 Figma 账号，并检查网络是否能访问 Figma 社区。
• 想要网页版功能：如果只是偶尔用一次，也可以直接在 Get Waves 网站生成后下载 SVG，再拖入 Figma；插件更适合高频使用。
• 和其他工具的关系：Get Waves 页面提到它现在是 Haikei.app 的一部分，如果找不到独立入口，也可以从 Haikei 侧了解相关生成能力。

什么时候用插件，什么时候用网页版

插件和网页版生成的都是 SVG 波浪，区别主要在操作路径：插件留在 Figma 内，网页版适合独立导出文件。

Get Waves 是一个免费的 SVG 波浪生成器，用来为网页或平面设计快速生成波浪形状的 SVG 图形。你可以在页面上选择曲线样式、调整复杂度并随机化，直到得到满意的波浪，然后导出使用。它目前已经是 Haikei.app 的一部分，并且提供了 Figma 插件，可以直接在设计工具里生成波浪。

它能帮你做什么

• 生成 SVG 格式的波浪图形，适合用作网页分区之间的过渡、背景装饰或卡片底纹。
• 通过“选择曲线 + 调整复杂度 + 随机化”的方式快速试出不同形态，不需要自己手动画路径。
• 输出 SVG，意味着图形是矢量、体积小、可无损缩放，也能直接改颜色或嵌入代码。

适合谁用

• 做落地页、官网、博客时，想给区块之间加一条波浪分隔线的前端或设计师。
• 需要在 Figma 里直接放波浪元素的人，可以走它的 Figma 插件。
• 只是想要一个免费、无需从零画贝塞尔曲线的 SVG 波浪的人。

使用方式与注意点

1. 打开 getwaves.io，页面会直接呈现一个可交互的波浪生成器。
2. 调整曲线类型和复杂度，或点击随机化，直到形状符合预期。
3. 导出 SVG，放进你的设计或代码里。

需要留意的是：网站页面本身没有列出价格或付费说明，因此这里不对“是否完全免费、是否需要登录”做推断；如果你要把它用于商业项目，建议以站点当前展示的信息为准。另外，Get Waves 已并入 Haikei.app，如果你需要更多类型的生成式 SVG 形状，可以顺带看看 Haikei.app。

是免费的。Get Waves 的网站描述明确写着它是一个 “free SVG wave generator”，页面中没有出现价格、订阅或付费墙信息，生成和下载 SVG 波浪不需要付费。它由 z creative labs 制作，目前已被整合进 Haikei.app，后者也标注为可免费试用。

免费体现在哪些方面

• 生成波浪免费：打开网站即可选择曲线、调整复杂度、随机化，生成 SVG 波浪。
• 下载免费：页面定位是生成器，没有提到下载需要付费或登录。
• 无付费墙信号：页面没有定价链接、支付平台或订阅入口。

使用前需要知道的两点

1. 它现在属于 Haikei.app

Get Waves 页面顶部提示：“Get Waves is now a part of Haikei.app. Try it out for free!” 也就是说，Get Waves 是 Haikei 旗下产品之一。如果你需要更多类型的生成器（比如 Blobmaker 这类 SVG 形状工具），可以顺带了解 Haikei。

2. 有 Figma 插件

页面提到 “You can now make waves directly in Figma! Get the Figma plugin”。如果你在 Figma 里做设计，可以直接装插件生成波浪，不必来回切换网页。

常见问题

需要注册或登录吗？ 页面没有提到生成或下载需要账号，也没有登录限制的说明。

会有隐藏收费吗？ 从页面证据看，没有价格、订阅或支付相关信息，属于免费工具。页面上的 Newsletter 是订阅更新用的，不是付费入口。

免费版有功能限制吗？ 资料中没有提到功能分级或限制。它提供的是曲线选择、复杂度调整和随机化这些基础生成功能。

适合谁用

如果你需要为网页或 UI 设计快速生成 SVG 波浪分隔线，Get Waves 可以直接用，不用付费。若你想要更多生成器类型，可以试试 Haikei.app；若在 Figma 中工作，优先用它的 Figma 插件。

Get Waves 现在已经是 Haikei.app 的一部分。根据 Get Waves 官网页面上的说明，“Get Waves is now a part of Haikei.app. Try it out for free!”，这意味着原来独立的 SVG 波浪生成器已经被整合进 Haikei.app，用户可以在 Haikei.app 上免费试用。如果你现在需要生成 SVG 波浪，直接使用 Haikei.app 是更合理的选择。

两者的具体关系

Get Waves 原本是一个独立的免费 SVG 波浪生成器，用于为网页设计制作独特的 SVG 波浪。页面信息显示，它由 z creative labs 制作，目前已经并入 Haikei.app。

是否应该改用 Haikei.app？

从页面信息来看，应该改用 Haikei.app，原因有两点：

1. Get Waves 已不再是独立产品。页面明确写着它现在是 Haikei.app 的一部分，继续寻找独立的 Get Waves 入口意义不大。
2. Haikei.app 可以免费试用。页面提示 “Try it out for free!”，说明迁移到 Haikei.app 不会立即产生使用门槛。

如果你只是偶尔需要生成一条 SVG 波浪，Haikei.app 可以满足需求；如果你需要更多类型的生成器（例如其他 SVG 形状），Haikei.app 作为整合平台可能覆盖更广。

其他可用入口

除了 Haikei.app，页面还提供了两个相关入口：

• Figma 插件：页面提示 “You can now make waves directly in Figma! Get the Figma plugin”，如果你在 Figma 中工作，可以直接安装插件生成波浪，不必离开设计工具。
• Blobmaker.app：页面提到 “If you like svg shape generators, try Blobmaker.app”，这是同一团队旗下的另一个 SVG 形状生成器，适合需要 blob 类形状的场景。

需要注意的地方

当前页面没有提供 Haikei.app 的具体价格、功能清单或登录要求，因此无法确认它是否完全免费、是否需要注册账号，也无法确认它具体包含哪些生成器。页面只说明可以免费试用。如果你对费用或功能范围敏感，建议先打开 Haikei.app 实际查看后再决定是否长期使用。

Get Waves 是一个免费的在线 SVG 波浪生成器，打开网页即可选择曲线类型、调整复杂度并随机化，然后把生成的波浪以 SVG 代码或文件形式用于网页和设计稿。它适合需要快速给页面、海报或 UI 加一条装饰性波浪、又不想手动画矢量路径的人。网站页面显示它现已并入 Haikei.app，并提供了 Figma 插件，如果你在 Figma 里工作可以直接用插件生成。

操作步骤

1. 打开网站：访问 getwaves.io，页面标题为 “Get Waves – Create SVG waves for your next design”，主区域标题是 “Make some waves!”。
2. 选择曲线类型：在生成器里挑选一种波浪曲线样式，作为当前波浪的基础形状。
3. 调整复杂度：拖动复杂度参数，改变波浪的起伏数量和密集程度，直到接近你要的节奏。
4. 随机化：点随机化按钮，让工具重新生成一条波浪，多试几次挑出满意的一条。
5. 导出：把结果复制为 SVG 代码，或下载 SVG 文件，再粘贴/导入到你的网页或设计工具中。

预期结果：你会得到一段纯 SVG 代码或一个 .svg 文件，里面是一条可缩放、不失真的矢量波浪，能直接放进 HTML 或设计稿。

生成后怎么用

• 嵌入网页：把复制的 SVG 代码贴进 HTML 中需要的位置，作为区块之间的分隔或背景装饰。因为是矢量，放大缩小都清晰。
• 放进设计工具：下载 SVG 后导入 Figma、Sketch 等工具，作为图形元素继续排版。
• 在 Figma 内直接生成：页面提示 “You can now make waves directly in Figma! Get the Figma plugin”，需要的话安装该插件，在 Figma 里完成同样的生成流程。

常见卡点

• 找不到下载/复制入口：生成器通常把导出按钮放在波浪预览附近，先确认已经生成了一条波浪再找导出。
• 波浪太密或太平：回到复杂度参数调整，而不是反复随机化；随机化改变的是形状，复杂度控制的是起伏密度。
• 想要更多形状：页面 “More products” 提到同类工具 Blobmaker.app，如果波浪不够用可以去看它。
• 找不到旧版入口：页面说明 Get Waves 现在是 Haikei.app 的一部分，若原站功能有变化，可从 Haikei.app 进入。

适用条件

Get Waves 适合需要快速产出装饰性 SVG 波浪的网页和 UI 设计场景，免费使用、无需复杂配置。它生成的是静态矢量波浪，不涉及数据可视化或动态动画；如果你要的是随数据变化的图表波浪，这个工具不适用。