Figmaで線と線を結合する方法を説明します。
まずは線を2本用意します。
Penツールを選択します。
![](https://i.gyazo.com/d6d6fdac79fb44a0bb32686dfb9ea9e0.png)
2本の線を書きました。
![](https://i.gyazo.com/749e276bbb8474b130c27b14a517658f.png)
Shift
を押しながら2つの線をクリック(選択)し、ctrl+E
を押します。
2つの線が1つのグループにまとめられます。
![](https://i.gyazo.com/04c358cb248fe1cccbf9e5a2e1128414.png)
線をダブルクリックすると各点を編集できるモードになります。
その状態で、Shiftを押しながら2本の線の下の点をクリック(選択)します。
![](https://i.gyazo.com/3533dd39d1fe88a22d81e2dd1a952bd7.png)
Ctrl+J
で2点を結合します。
以上で線を結合できました。
![](https://i.gyazo.com/030971758e5481569d1a8890524f3443.png)
結合した線を曲線にする
ここからは余談になりますが、結合した線を曲線にしてみます。
結合した線の真ん中あたりにカーソルを持っていくと点が表示されます。
![](https://i.gyazo.com/6d2f18e9ff27b24562a9baaa097c79ab.png)
この点をドラッグすると線の折り目(?)が増えます。
![](https://i.gyazo.com/be18c09e0a7dc7491d6ee66fc3687d04.png)
ベンドツールを選択します。
(線をダブルクリックして各点を編集するモードにしていないと表示されないので注意してください)
![](https://i.gyazo.com/cd02724fabbe9b317cf83e5ae760af83.png)
増やした点をドラッグすると曲線になります。
![](https://i.gyazo.com/8de384e124a68cb1f5f728e8c9a5413a.png)
以上です!
Webエンジニアをやっています
UX/UIデザインからプログラミング、DB設計、SEO、インフラ構築など幅広く対応してます
PHP/PHPUnit/Laravel/Vue/Nuxt/Docker/Terraform
ご連絡はTwitterのDMまで。