Ismael Martínez
This package use CSS Grid Layout to build a grid layout in Framer X without writing code.
A grid area is one or more grid cells that make up a rectangular area on the grid. Grid areas are created when you place an item using line-based placement or when defining areas using named grid areas.
Areas
component to your canvasBy default each connected frame will take a letter name (a, b, c, …). Each string input in the Rows controls should be defined using that letters or if you choose “Names” instead of “Letters” you will need to use the frame names as you see it in the layers panel.
If a frame name is repeated you will sea a warning message in console.
Each cell will cover the total space of an area and the content will be adjusted to the new dimensions. Images, Frames or whatever component you connect.
Bugs & help: @ismamz and Areas.framerfx repo on GitHub