Component Viewer

About this plugin

Component Viewer Plugin for Figma

Overview: The Component Viewer plugin enhances your design workflow in Figma by providing a quick and easy way to visualize all components and instances present on a page. With a simple button, you can activate or deactivate the highlighting of components, making it easier to manage and review your designs.

Features:

1. Instant Visualization: Quickly view all components and instances on the current Figma page.
2. Simple Toggle: Activate or deactivate the highlighting with a single button press. The button is centrally located for easy access.
3. Custom Highlighting: Components and instances are displayed with a vibrant red fill when activated, making them stand out clearly against the design.
4. Reset to Default: Deactivating the plugin restores the original appearance of your components, ensuring no permanent changes are made to your design.

User Interface:

1. Centralized Toggle Button: The intuitive interface features a toggle button with two states:
2. Activate: Displays components in red with white text.
3. Deactivate: Returns components to their default state with a light grey background and black text.
4. Responsive Design: The plugin interface is designed to be clean and user-friendly, ensuring a seamless integration into your Figma environment.

Use Cases:

1. Perfect for designers looking to audit their components and instances within a project.
2. Useful for collaborative sessions where multiple team members need to focus on specific design elements.

Installation: Simply select Component Viewer plugin from the Figma plugins menu, and you’re ready to streamline your design process!