Back to Plugins
Wave Generator

Wave Generator

The most high-performance waveform generation plugin for Figma

utilitylanding pagegeneratorwavesui designdesignwaveformabstractmodernuiweb designabstract

Plugin Preview

Wave Generator preview

About this plugin

Overview

Wave Generator is a Figma plugin designed to flexibly and efficiently create waveforms that are invaluable for various design productions. It was born to assist and enhance your designs.

It's sure to be a valuable asset in elevating your design work.


Features

RealTime Preview

Each time you adjust the settings within the plugin, you can see how the waveform transforms in real-time. Play around with various settings to create your ideal waveform.

Presets

I've prepared a variety of waveforms (presets) for you to choose from. Feel free to use any that you prefer. (If this plugin proves useful to many of you, I'm considering adding, saving, and sharing preset features in the future.)

Parameters

This plugin boasts a vast array of settings:

  1. Curve type
  2. Overall waveform type
  3. Number of waves
  4. Height difference between waves
  5. Wave intensity
  6. Number of wave reflections
  7. Presence and color of fill
  8. Presence, color, and width of the stroke

There probably isn't another waveform generation plugin out there with this many settings! Plus, with real-time preview and rapid response, even with the myriad of settings, your journey to find the perfect waveform will be stress-free.

Refresh & Insert Buttons

If you wish to regenerate the waveform with the current settings, simply click the Refresh button.

Once you're satisfied with the waveform, hit the Insert button, and the waveform will be generated instantly on your Figma canvas.


How to Use

  1. Launch the plugin.
  2. Adjust the parameters on the right side of the screen to achieve your desired waveform. Alternatively, you can also use the Presets available at the bottom left of the screen (presets can be applied with a single click).
  3. Once you've crafted your preferred waveform, press the "Insert to Figma" button. The waveform will be added to the selected location (or the center of the canvas if nothing is selected).


🇯🇵Translate in Japanese↓↓↓


概要

Wave Generatorは様々なデザイン制作で重宝する波型の図形を柔軟かつ効率的に作成し、あなたのデザインを手助けするために生まれたFigmaプラグインです。

きっとあなたのデザインを向上させるのに役立つはずです。


機能

RealTime Preview

プラグイン上で定を変更するたびに、どのように波形になっているかをリアルタイムで確認できます。いろんな設定をグリグリ動かして、あなたが好きな波形を作ってみてください。

Presets

私が予め作った様々な波形(プリセット)から、波形を選択できるようになっています。 もしお好みのものがあれば使ってみてください。 (このプラグインが皆さんに使っていただけるようであれば、今後プリセットの追加、保存、共有機能などを検討しています)

Parameters

このプラグインはかなり豊富な設定項目を持っています。

  1. 曲線のタイプ
  2. 波形全体のタイプ
  3. 波形の数
  4. 波形同士の高さの差
  5. 波の激しさ
  6. 波の折返しの数
  7. 塗りの有無と色
  8. 線の有無と色と線幅

恐らくこれほど多くの設定項目を持った波形の生成プラグインはこれしかありません! またリアルタイムプレビューと高速なレスポンスにより、設定項目が多くてもあなたの理想となる波形を探す作業はストレスフリーです。

Refresh & Insert Buttons

今の設定で波形を生成しなおしたいならRefreshボタンをクリックしてください

お好みの波形が作れたらInsertボタンをクリックしてください。すぐにFigmaのカンバス上に波形が生成されます。


使用方法

  1. プラグインを起動します
  2. 画面右側のパラメーターを調整してあなたの求めている波形になるように調整してください。 または画面左下のPresetもご利用頂けます(プリセットはワンクリックで利用できます)。
  3. お好みの波形ができたら**「Insert to Figma」**ボタンを押してください。 選択している場所(何も選択していなければキャンバスの中央)に、波形が追加されます。

Plugin Details

Version3
CreatedJuly 31, 2023
Last UpdatedAugust 31, 2024
Categoryshapes-colors
Creatork-kuraoka
Stats3676 installs, 349 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:ui/index.html
  • main:code/index.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none

More Like This

Discover other plugins in the shapes-colors category.