Figmaでは波線を簡単に生成できる
プラグインが複数あります。
Design
【動画あり】Figmaのプラグイン『Wave & Curve』『get waves』の使い方｜波線を描こう。
Post：2024.04.01 / Rewrite : 2024.03.25
View
1,169 views
波線のパスを簡単に生成するには、「Wave & Curve」プラグインを使用します
目次
動画で見る｜Figmaのプラグイン『Wave & Curve』『get waves』の使い方
Figmaのプラグイン『Wave & Curve』の使い方
起動すると、波形をプレビューしながら変数調整できるポップアップが出てきます。
プレビューによってどの変数を変更するとどのように変化するかを確認しながら調節できるので、とても便利です。
右上に並んでいるアイコンから、、波線の種類を選び
プレビュー画面の下には、３つの値
左から「Height（振幅:px）」
「Height Difference（振幅の高低差のランダム性）」
「Distance（波長:px）」が設定できます。
その下のバイアスは、角度ですね。
波形をランダムで生成する事もできます。
波線はパスで出力されるので、好みに応じて修正可能です。
Figmaのプラグイン『Get Waves』の使い方
Resourceから［Get Waves］を検索、起動「Get Waves」パネルが表示されます。
プレビューを確認しつつ、「曲線の種類」「塗りの場所」「複雑さ」の3つを設定し、
再生性を繰り返して気に入った形状であれば、「Create」をクリックすると、要素が追加されます。
-
Design
【動画あり】Figmaのプラグイン『Mockup』『Vectary 3D』の使い方｜スマートフォンやPCのモックアップをデザインに挿入しよう。
Hanai Akhiro
date.2024.10.29
-
Design
【動画あり】Figmaのプラグイン『blobs』の使い方｜流体シェイプを作ろう。
Hanai Akhiro
date.2024.10.28
-
Design
【動画あり】Figmaのプラグイン『uigradients』『Noisy Gradients』『Grainy Gradients』『Mesh Gradients』の使い方｜魅力的なGradationを作ろう。
Hanai Akhiro
date.2024.10.27
-
Design
【動画あり】Figmaのプラグイン『Wave & Curve』『get waves』の使い方｜波線を描こう。
Hanai Akhiro
date.2024.04.01
-
Design
【動画あり】Figmaのプラグイン『FigMap』の使い方｜地図を挿入しよう。
Hanai Akhiro
date.2024.03.31
-
Design
【動画あり】Figmaのプラグイン『Split Shape』の使い方｜段組み（グリッド）繰り返しレイアウトを作成しよう。
Hanai Akhiro
date.2024.03.29
-
Design
【動画あり】Figmaのプラグイン『Skew』の使い方｜図形や文字に斜体をかけよう。
Hanai Akhiro
date.2024.03.28
-
Design
【動画あり】Figmaのプラグイン『Icons8 Background Remover』の使い方｜人物、背景を切り抜こう。
Hanai Akhiro
date.2024.03.27
Popular
-
【動画あり】Figmaのプラグイン『uigradients』『Noisy Gradients』『Grainy Gradients』『Mesh Gradients』の使い方｜魅力的なGradationを作ろう。
2024.10.27
-
【動画あり】Figmaのプラグイン『FigMap』の使い方｜地図を挿入しよう。
2024.03.31
-
【動画あり】Figmaのプラグイン『Split Shape』の使い方｜段組み（グリッド）繰り返しレイアウトを作成しよう。
2024.03.29
-
【動画あり】Figmaのプラグイン『blobs』の使い方｜流体シェイプを作ろう。
2024.10.28
-
【動画あり】Figmaのプラグイン『Iconify』の使い方｜フリー素材のアイコンをデザインに挿入しよう。
2024.03.18
-
【動画あり】Figmaのプラグイン『Mockup』『Vectary 3D』の使い方｜スマートフォンやPCのモックアップをデザインに挿入しよう。
2024.10.29
-
【動画あり】Figmaのプラグイン『Wave & Curve』『get waves』の使い方｜波線を描こう。
2024.04.01
-
【動画あり】Figmaのプラグイン『Icons8 Background Remover』の使い方｜人物、背景を切り抜こう。
2024.03.27
