Propsicle

About this plugin

Overview

Propsicle is a free, minimal Figma plugin that automates the creation of property tables for your component sets. It is designed for speed and simplicity, making it easy to visualize and test every possible combination of your design system components. Built for Figma designers who want to streamline their workflow and ensure comprehensive variant coverage.

Note: Support for nested instances/properties is a planned feature and will be available in future updates. The current version generates tables for top-level component properties only.

Key Features

1. One-click Table Generation: Select your component set and generate a full property table instantly.
2. Property Order Respect: The table and property info are generated based on the order in which properties are listed in your Figma component. This order is used to create both the property information and the information layer in the output.
3. Cartesian Product Engine: Computes every possible combination of parent properties.
4. Auto-Layout Table: Outputs a Figma Frame with a grid of all variant combinations, ready for review or handoff.
5. No Setup Required: Works out of the box—no configuration or custom styling needed.
6. Free & Open: 100% free, with a focus on transparency and maintainability.

Use Cases

1. Design System QA: Quickly verify that all component variants and combinations are present and correct.
2. Documentation: Generate visual tables for handoff or design documentation.
3. Component Testing: Spot missing or broken variants by reviewing the auto-generated grid.
4. Rapid Prototyping: Instantly see all possible states of a component for faster iteration.

How to Use

1. Install Propsicle from the Figma Community.
2. Select a Component Set (or a single Component) in your Figma file. (Nested instances will be supported in a future update.)
3. Run the Plugin:
4. Go to the Figma menu → Plugins → Propsicle
5. Click the "Generate Table" button in the plugin UI.
6. Review the Table:
7. A new Frame will appear below your selection, containing a grid of all property combinations.
8. Each cell is an instance with a label showing its property values, ordered as in your Figma component.

Future Plans

1. Nested Instance Support: Full support for components with nested instances and their properties.
2. Customizable Table Layouts: Options for different grid orientations and grouping.
3. Property Filtering: Select which properties to include/exclude in the table.
4. Performance Optimizations: Handle very large component sets more efficiently.
5. Community Feedback: Actively seeking suggestions and feature requests from users!

Credits & References

Inspired by Propstar