如何在 Figma 中使用 Get Waves 插件生成 SVG 波浪

更新时间

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 侧了解相关生成能力。

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

场景 建议
经常在 Figma 里做设计,需要反复调波浪 用 Figma 插件,省去导入导出
只是偶尔生成一个 SVG 文件 用 Get Waves 网页版,下载后使用
需要更多生成式形状(不止波浪) 关注 Haikei.app 的相关工具

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