Component Viewer
Enhance your design flow with Component Viewer—highlight and manage your Figma components easily!
Plugin Preview
About this plugin
Component Viewer Plugin for FigmaOverview: 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:Instant Visualization: Quickly view all components and instances on the current Figma page.Simple Toggle: Activate or deactivate the highlighting with a single button press. The button is centrally located for easy access.Custom Highlighting: Components and instances are displayed with a vibrant red fill when activated, making them stand out clearly against the design.Reset to Default: Deactivating the plugin restores the original appearance of your components, ensuring no permanent changes are made to your design.User Interface:Centralized Toggle Button: The intuitive interface features a toggle button with two states:Activate: Displays components in red with white text.Deactivate: Returns components to their default state with a light grey background and black text.Responsive Design: The plugin interface is designed to be clean and user-friendly, ensuring a seamless integration into your Figma environment.Use Cases:Perfect for designers looking to audit their components and instances within a project.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!
Plugin Details
| Version | 1 |
|---|---|
| Created | October 7, 2024 |
| Last Updated | October 7, 2024 |
| Category | File organization plugins |
| Creator | Marta IB |
| Stats | 15 installs, 1 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.ts
- Document Access:dynamic-page
- Network Access:
This plugin needs access to all domains to fetch design assets and data dynamically.
- Editor Types:figma
- Allowed Domains:
- *
More Like This
Discover other plugins in the File organization plugins category.