Back to Plugins
Find Components

Find Components

find components and instances

find instancefind componentinstancecomponentsfind

Plugin Preview

Find Components preview

About this plugin

このFigmaプラグイン「Find Components」は、選択した複数のレイヤーの中からメインコンポーネント/インスタンスを効率的に選出するのに役立ちます。


主な機能:

  1. メインコンポーネント/インスタンスの絞り込み: 選択したレイヤーの中から、メインコンポーネント/インスタンスのみを抽出して選択できます。
  2. 検索結果をリスト化: 抽出されたコンポーネントが検索結果としてリスト化され、レイヤー名をクリックするとそのレイヤーがクローズアップ表示されます。
  3. コンポーネントを集める: 実行すると選択中のメインコンポーネントがインスタンスに置き換わり、新しいページにメインコンポーネントが移動します。
  4. 選択対象の切り替え:ドロップダウンメニューから、メインコンポーネント/インスタンスのどちらを選択対象とするかを選択できます。
  5. グループ化されたレイヤーにも対応: グループ化されたレイヤーの奥深くにネストされたコンポーネント/インスタンスも探し出して選択できます。
  6. 処理のキャンセル: 実行処理が重い場合でも、途中で処理をキャンセルできます。


このプラグインは、以下のような場面で役立ちます:

  1. デザインシステムの整理: 大量のコンポーネント/インスタンスの中から、特定のものを効率的に見つけたい場合。
  2. デザインの更新: 複数のインスタンスをまとめてメインコンポーネントにリンクさせたい場合。
  3. 共同作業: チームメンバーが作成したコンポーネントやインスタンスを、効率的に把握したい場合。


---


This Figma plugin, "Find Components," helps you efficiently identify main components and instances from multiple selected layers.


Key Features:

  1. Filter Main Components/Instances: Extract and select only the main components or instances from the selected layers.
  2. List Search Results: The extracted components are displayed as a list. Clicking on a layer name will zoom into that specific layer.
  3. Gather Components: When executed, selected main components are replaced with instances, and the main components are moved to a new page.
  4. Toggle Target Type: Choose whether to target main components or instances from a dropdown menu.
  5. Support for Nested Layers: Even components/instances deeply nested within grouped layers can be found and selected.
  6. Cancel Processing: You can cancel the process at any time, even if the operation is heavy.


This plugin is useful in the following scenarios:

  1. Organizing Design Systems: Efficiently find specific components or instances among a large number of them.
  2. Updating Designs: Batch-link multiple instances to their corresponding main components.
  3. Collaborative Work: Quickly identify components or instances created by team members.

Plugin Details

Version7
CreatedJanuary 21, 2025
Last UpdatedMay 20, 2025
CategoryAccessibility tools
CreatorYuji Arai (Romantist inc)
Stats15 installs, 5 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:code.js
  • Document Access:dynamic-page
  • Editor Types:
    figma
  • Allowed Domains:
    • none