Figma Logo Layout Plugin

Logo Layout optically scales and distributes logos in a grid. The algorithm takes into account the proportions of each logo so they all look great together in a grid — no matter how tall, wide, small, or large each logo may originally be. Create massive logo grids without wanting to quit design.

Usage

• Install Logo Layout from the Figma plugin library
• Select two or more objects
• Choose an alignment option
• Set a grid gap
• Choose the number of rows you'd like
• Click "Apply Layout" and sit back as Logo Layout does the rest
• Rearrange a few logos by hand if you'd prefer a different order. Run the plugin again to restore order and alignment.

Development

Want to contribute to this plugin?

First clone this repository:

git clone https://github.com/coryetzkorn/figma-logo-layout
cd figma-logo-layout

Then install dependencies & build files:

npm install
npm run build

Tip: Instead of running the build command you can also use the VSCode command palette. Hit ⌘⇧B in Visual Studio Code, then select tsc: watch - tsconfig.json.

After building, open a project in Figma Desktop, select Plugins -> Development -> New Plugin. Click Choose a manifest.json and find the manifest.json file in this plugin directory.

Done! Now access via Plugins -> Development -> Logo Layout

Author

Cory Etzkorn (Twitter)