Select a component and choose properties. Instancer builds a grid of every variant combination for review, testing, and handoff.
Stop manually placing component variants one by one. Instancer reads your component's properties and generates every combination in a structured grid — automatically.
Instancer renders every variant, size, and state combination as instances in a spaced, labeled matrix.
Auto-optimal, horizontal, or vertical. Golden-ratio algorithm finds the best column and row distribution.
Toggle properties on or off. Include or exclude Boolean and Nested Instance properties with one switch.
Optional companion table: every property, type, and accepted values.
Purple, Ocean Blue, Forest Green, Sunset Orange, or a custom brand color for your table.
Includes exposed nested instances and their variant or boolean options.
Headers span merged cells when adjacent values match.
sizeSmall | sizeMedium | sizeLarge | |
|---|---|---|---|
stateDefault | |||
stateHover | |||
stateDisabled |
Instancer reads your component's Variant, Boolean, and Nested Instance properties and generates the full Cartesian product. Each combination becomes a live instance in a spaced, labeled grid on your canvas.
Optimal mode uses a golden-ratio algorithm to find the best column and row distribution. Override with horizontal or vertical layouts, or drag properties between axes.
5 built-in color themes or a custom color picker for your brand. Box and Bracket header styles.
Optional companion table alongside the grid. Lists every Variant, Boolean, Text, and Nested Instance property with type and accepted values.
Click any component, component set, or instance on your Figma canvas. Instancer reads all properties automatically.
Toggle which Variant, Boolean, and Nested Instance properties to include. Enable or disable them individually.
Pick Auto-Optimal, Horizontal, or Vertical. Drag properties between columns and rows for custom arrangements.
Click Generate. A fully laid-out grid with spanning headers appears next to your component — instantly.
Install Instancer on the Figma Community. 10 free generations. No account or login required.
Install Free on Figma