Smart Component Layer Organizer

Arrange layers into structured grids based on hierarchical naming in Figma.

Smart Component Layer Organizer - preview image

About

Smart Layer Organizer understands your layer naming structure and automatically arranges them into clean, structured grids. It eliminates manual work by interpreting hierarchical paths like / delimiters.

Modes:

  • Prefix Mode: Groups layers by the beginning of their name path.

  • Suffix Mode: Groups layers by the end of their name path for state-based organization.

Key Features:

  • Quick Presets: Access standard layout patterns like Grids, Stacks, and Masonry instantly.

  • Live SVG Preview: Visualize layout changes in real-time before applying them to the canvas.

  • Smart Detection: Automatically calculates the best grouping depth and wrap width for your selection.

  • Origin Control: Choose exactly where your organized layout starts.