Figma

Figmaのコンポーネント化を解除してフレームに戻す方法

最終更新日:2024.10.10編集部
Figmaのコンポーネント化を解除してフレームに戻す方法

Figmaでコンポーネントを解除したい時やインスタンスをフレーム化して編集したい時はありませんか?

実はコンポーネントを直接解除する方法はありません。しかし間接的に解除することはできるため、本記事ではその方法を解説します。

コンポーネントには、マスターコンポーネントとインスタンスが存在します。

  • マスターコンポーネント(Master Component):スタイルを編集・変更できる

  • インスタンス(Instance): マスターコンポーネントのスタイルが自動で同期される(スタイルを上書きすることは可能)

マスターコンポーネントを解除するには、以下の手順で一度インスタンスにする必要があります。

  1. マスターコンポーネントからインスタンスを生成

  2. 「インスタンスの切り離し」を選択してフレーム化

  3. マスターコンポーネントを削除

あまり直感的な方法ではないですが、現状はこの方法でコンポーネント化を解除するしかないようです。

この記事の関連シリーズ
Figma

関連記事

Related Articles

  • Figma Config 2025キーノートレポート!これまでにない速さで"アイデアをプロダクトに"できる世界に
    Figma2025.05.08
    Figma Config 2025キーノートレポート!これまでにない速さで"アイデアをプロダクトに"できる世界に
  • Figmaのオートレイアウトの基本的な使い方
    Figma2024.10.16
    Figmaのオートレイアウトの基本的な使い方
  • Figmaで画面遷移図やフローチャートをつくる方法
    Figma2024.10.10
    Figmaで画面遷移図やフローチャートをつくる方法
  • Figmaで日本語テキストを縦書きにする方法
    Figma2024.09.19
    Figmaで日本語テキストを縦書きにする方法

最新の記事

Latest Articles

  • 「育児と仕事の両立」を支える「ヘルプチーム」を結成 有名マンガアプリを手がけるand factoryの育児支援
    育児支援2025.06.06
    「育児と仕事の両立」を支える「ヘルプチーム」を結成 有名マンガアプリを手がけるand factoryの育児支援
  • “また使いたくなる“を生み出す「ゲームフルデザイン」の極意 セガ エックスディー COO・伊藤 真人氏に聞く
    UXデザイン2025.05.13
    “また使いたくなる“を生み出す「ゲームフルデザイン」の極意 セガ エックスディー COO・伊藤 真人氏に聞く
  • メンタル乱れる夜も。自分の機嫌は自分とAIでとる時代?
    エッセイ2025.05.09
    メンタル乱れる夜も。自分の機嫌は自分とAIでとる時代?
  • Figma Config 2025キーノートレポート!これまでにない速さで"アイデアをプロダクトに"できる世界に
    Figma2025.05.08
    Figma Config 2025キーノートレポート!これまでにない速さで"アイデアをプロダクトに"できる世界に

デジタルデザインの最新情報をお届け!

unprintedのメールマガジンにご登録いただくと、デジタルデザインの最新情報をメールで受け取ることができます。今までに配信したバックナンバーも公開中!

※登録ボタンを押すと利用規約に同意されたものとします。