figma logo

    Figma 図形を結合する

    図形を結合する

    1. Figma
    2. 機能
    3. ツールバー
    4. 複合シェイプ
    eyecatch image

    概要

    複数の図形を結合して1つの図形のように見せます。 実際にはレイヤー上ではグループのような構成になっており、再度別々に離すこともできます。このような編集をブール演算といいます。

    方法

    図形を結合する

    結合したい図形をすべて、Shiftを押しながらクリックして選択します。

    combine-figures_image01.png

    図形を選択すると、ツールバー中央の表示が変化し、パスファインダーが表示されます。 パスファインダーのプルダウンから「選択範囲の結合」を選ぶと、複数の図形が結合され、1つの図形のようになります。

    combine-figures_image02.png

    combine-figures_image03.png

    結合を解除する

    結合後の図形は、レイヤーパネルを見るとUnionという名前のグループのような状態になっているだけで、実は別々の図形のまままとめられていることがわかります。

    combine-figures_image04.png

    結合を解除したい場合は、レイヤーパネルでそれぞれの図形レイヤーを選択し、Unionレイヤーの外に出すことで切り離されます。

    combine-figures_image05.png

    combine-figures_image06.png

    最後に中身が空になったUnionレイヤーを削除します。

    combine-figures_image07.png

    author icon

    Designpedia Team

    2024年1月9日(火) 公開

    有益なデザイン情報をメールでお届けします。

    お役立ちのデザイン情報のみをお送りします。メールは多くとも週に一回で、もちろんスパムメールはありません。