Align After Effects layers to a flexible grid, just like Figma's Auto Layout.
Subscribe to my mailing list to download for free.
You can unsubscribe at any time. I promise not to spam you.
Already have an account? Log in to download
How to Use Grid Lock
Create a New Rig
- Select two or more layers
- Click the
Grid Lockbutton - A container shape layer is created, and your layers are linked to the grid
Customize Layout
Adjust controls on the container's Grid Lock effect:
- Direction:
Horizontal,Vertical, orWrap - Align:
Start,Center,End,Space Between, orSpace Evenly - Cross Align:
Start,Center,End,Space Between, orSpace Evenly - Gap: Space between items
- Padding: Inset from container edges
- Reverse: Reverses layer order
- Influence: Blend between original position and grid position (0-100%)
Double-click the container in the Comp Viewer to resize it.
Comp Size Mode
Locks the Grid Lock container to match the composition dimensions automatically. The container stays centered and fills the entire comp, dynamically adapting if the comp size changes.
How to Use
- Select only the Grid Lock container
- Click the Grid Lock button to toggle Comp Size mode on
- The container name changes to Grid Lock Container [Comp Size] to indicate the mode is active
- Click again (with just the container selected) to toggle back to custom size mode
Add Layers to an Existing Rig
- Select the container and the new layers you want to add
- Click the
Grid Lockbutton
Unlink Layers from a Rig
- Select the rigged layer(s) you want to unlink
- Alt/Option + click the
Grid Lockbutton - Layers stay in place, expressions are removed
- Empty containers are automatically deleted
Create a Nested Grid Lock
- Select 2 or more layers that are already in the same rig
- Click
Grid Lockbutton - A nested container is created that subdivides the parent grid
Create a Nested Grid Lock
- Select 2 or more layers that are already in the same rig
- Click
Grid Lock - A nested container is created that subdivides the parent grid
Tips
- Layer stacking order determines layout order
- Container size can be animated. Use the rectangle shape group's
Scaleproperty. - Use
Wrapdirection to create grid layouts that reflow when you resize the container - Animate
Influenceto blend layers in and out of the grid
Installation
Copy the Grid Lock.jsx file into your After Effects ScriptUI Panels folder, then restart After Effects.
- OSX:
/Applications/After Effects #version#/Scripts/ScriptUI Panels/ - Windows:
/Program Files/Adobe/Adobe After Effects #version#/Support Files/Scripts/ScriptUI Panels/
Changelog
If you've already downloaded Grid Lock, log in to your account and visit My Products to get the latest version.
1.1.0
Released: 2025-12-23
New Feature
- Comp Size mode - Snaps the Grid Lock container to comp dimensions and dynamically updates with changes to the comp size
- Container is renamed to include [Comp Size] suffix when Comp Size mode is enabled, making it easy to identify in the timeline
- Select the container and click the Grid Lock button to toggle between Comp Size and normal modes
Bug Fixes
- Separated Dimensions support - Grid Lock now works correctly with layers that have Position X/Y separated.
1.0.0
Released: 2025-12-18
- Initial Release