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

OverviewWave 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.FeaturesRealTime PreviewEach 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.PresetsI'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.)ParametersThis plugin boasts a vast array of settings:Curve typeOverall waveform typeNumber of wavesHeight difference between wavesWave intensityNumber of wave reflectionsPresence and color of fillPresence, color, and width of the strokeThere 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 ButtonsIf 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 UseLaunch the plugin.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).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このプラグインはかなり豊富な設定項目を持っています。曲線のタイプ波形全体のタイプ波形の数波形同士の高さの差波の激しさ波の折返しの数塗りの有無と色線の有無と色と線幅恐らくこれほど多くの設定項目を持った波形の生成プラグインはこれしかありません! またリアルタイムプレビューと高速なレスポンスにより、設定項目が多くてもあなたの理想となる波形を探す作業はストレスフリーです。Refresh & Insert Buttons今の設定で波形を生成しなおしたいならRefreshボタンをクリックしてくださいお好みの波形が作れたらInsertボタンをクリックしてください。すぐにFigmaのカンバス上に波形が生成されます。使用方法プラグインを起動します画面右側のパラメーターを調整してあなたの求めている波形になるように調整してください。 または画面左下のPresetもご利用頂けます(プリセットはワンクリックで利用できます)。お好みの波形ができたら**「Insert to Figma」**ボタンを押してください。 選択している場所(何も選択していなければキャンバスの中央)に、波形が追加されます。

Plugin Details

Version3
CreatedJuly 31, 2023
Last UpdatedAugust 31, 2024
Categoryshapes-colors
Creatork-kuraoka
Stats4634 installs, 434 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