Wave Generator
The most high-performance waveform generation plugin for Figma
Plugin 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:
- Curve type
- Overall waveform type
- Number of waves
- Height difference between waves
- Wave intensity
- Number of wave reflections
- Presence and color of fill
- 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
- Launch 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
Version | 3 |
---|---|
Created | July 31, 2023 |
Last Updated | August 31, 2024 |
Category | shapes-colors |
Creator | k-kuraoka |
Stats | 3676 installs, 349 likes |
Pricing | Free |
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.