Back to Plugins
Component Preview Generator

Component Preview Generator

Automatic component preview creator.

Plugin Preview

Component Preview Generator preview

About this plugin

Automatically generate an interactive preview of your components. Showcase different styles and layouts.


Tips:

  1. Paste ❖ into the page title you want to scan for components.
  2. The plugin will automatically exclude:
  3. Components starting with an "Items/" group (Items/Accordion Row)
  4. Components with "Mobile" in the name or variant
  5. Pages without ❖ symbol
  6. Pure Device/State only variants (State=Default, State=Hover, Device=Desktop, etc.)
  7. Name components with folders. These will be grouped in sections together, allowing navigation between related components (Button/Primary, Button/Secondary, etc.)


Follow the tutorial within the plugin for more detailed information and a guide on how to use the Component Preview Generator.

Plugin Details

Version2
CreatedDecember 3, 2025
Last UpdatedDecember 3, 2025
Categorydesign-tools-other
CreatorAJ Pope
Stats0 installs, 0 likes
PricingFree

Technical Details

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