Find Components
find components and instances
Plugin Preview
About this plugin
このFigmaプラグイン「Find Components」は、選択した複数のレイヤーの中からメインコンポーネント/インスタンスを効率的に選出するのに役立ちます。主な機能:メインコンポーネント/インスタンスの絞り込み: 選択したレイヤーの中から、メインコンポーネント/インスタンスのみを抽出して選択できます。検索結果をリスト化: 抽出されたコンポーネントが検索結果としてリスト化され、レイヤー名をクリックするとそのレイヤーがクローズアップ表示されます。コンポーネントを集める: 実行すると選択中のメインコンポーネントがインスタンスに置き換わり、新しいページにメインコンポーネントが移動します。選択対象の切り替え:ドロップダウンメニューから、メインコンポーネント/インスタンスのどちらを選択対象とするかを選択できます。グループ化されたレイヤーにも対応: グループ化されたレイヤーの奥深くにネストされたコンポーネント/インスタンスも探し出して選択できます。処理のキャンセル: 実行処理が重い場合でも、途中で処理をキャンセルできます。このプラグインは、以下のような場面で役立ちます:デザインシステムの整理: 大量のコンポーネント/インスタンスの中から、特定のものを効率的に見つけたい場合。デザインの更新: 複数のインスタンスをまとめてメインコンポーネントにリンクさせたい場合。共同作業: チームメンバーが作成したコンポーネントやインスタンスを、効率的に把握したい場合。---This Figma plugin, "Find Components," helps you efficiently identify main components and instances from multiple selected layers.Key Features:Filter Main Components/Instances: Extract and select only the main components or instances from the selected layers.List Search Results: The extracted components are displayed as a list. Clicking on a layer name will zoom into that specific layer.Gather Components: When executed, selected main components are replaced with instances, and the main components are moved to a new page.Toggle Target Type: Choose whether to target main components or instances from a dropdown menu.Support for Nested Layers: Even components/instances deeply nested within grouped layers can be found and selected.Cancel Processing: You can cancel the process at any time, even if the operation is heavy.This plugin is useful in the following scenarios:Organizing Design Systems: Efficiently find specific components or instances among a large number of them.Updating Designs: Batch-link multiple instances to their corresponding main components.Collaborative Work: Quickly identify components or instances created by team members.
Plugin Details
| Version | 7 |
|---|---|
| Created | January 21, 2025 |
| Last Updated | May 20, 2025 |
| Category | Accessibility tools |
| Creator | Yuji Arai |
| Stats | 43 installs, 11 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:code.js
- Document Access:dynamic-page
- Editor Types:figma
- Allowed Domains:
- none
More Like This
Discover other plugins in the Accessibility tools category.
Stark - Contrast & Accessibility Checker
Fix Color Contrast and Typography issues and add WCAG annotations for a smooth design to dev handoff
Contrast
Quickly check and scan for contrast issues on gradients, images, blends, and fills.
Color Palettes ( Colorsinspo ) : Color & Accessibility Tools
A free suite of integrated Color & Accessibility tools - 10+ tools free access 🔥