Service logo

    ジョブボード

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

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

    ツール
    • Figma
    Figma
    • プラグイン
    • 機能
    インスピレーション
    • ポートフォリオ
    • デザイン記事
    • ジョブボード

    Designpedia © 2025 / Trademarks, names, terms and IPs are property of their respective owners unless otherwise stated

    Legal Information

    Figma プラグイン

    Figma 機能

    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日(火) 公開