Windows :: macOS

The Overlord Beta app is different than the public Overlord app. You are using the beta app if it has this icon:

App and extension

Install the desktop app and Adobe extension just like the public version

Figma plugin

When the Figma component goes public, the Overlord plugin will be available on the Figma community, but for now it must be installed manually. Be sure you are using the Figma desktop app.

Within the Overlord Beta app there will be an additional button to install the Figma plugin. The plugin files will be saved at:

macOS: ~/Documents/BattleAxe/Overlord/Figma/
Windows: C:\Users\<username>

1. Right click the canvas in Figma

2. Navigate the menu to Plugins > Development > Import plugin from manigest

3. Locate the plugin manifest file at:

macOS: ~/Documents/BattleAxe/Overlord/Figma/manifest.json
Windows: C:\Users\<username>

The easiest way to open plugins in Figma (as of Aug 23) is to press CMD+K and start typing Overlord

1. Open the Overlord Beta app

2. Open After Effects

   • There is a listener behind the scenes in Ae so opening the Overlord extension panel is optional

3. Open the Figma plugin

4. Click to transfer layers

5. Accept the accolades of others

⚠️ Important ⚠️

Be sure the Overlord Beta app is running in the menu bar or system tray (Windows)

If the app isn't running your will probably see this in the Figma plugin:

Buttons

Most of the buttons in the Figma plugin match the buttons in the Adobe extensions (see public Workflow).

Multiple Figma files

The Overlord plugin may be opened in multiple Figma files. This will create multiple instances of the buttons inside the After Effects extension with names for each file.

From inside of Figma, push selected shapes to After Effects.

• All elements will be split to their own layer and group layers will be created as guide layer parents

• Selected images will be exported to disk and imported into Ae as well as any elements marked to be rasterized

From inside of After Effects, pull selected shapes to Figma.

Pulling shapes works exactly like Pushing but may be used to clarify into which Ae comp Overlord will build layers.

Activate a frame in Figma and click to create a matching After Effects comp.

Open a comp in After Effects and click to create a matching Figma frame.

Select a shape within a frame and click to rasterize the entire frame and transfer to After Effects to use as a reference layer for aligning any misaligned elements.

Not necessary, but kinda cool.

Add an * to the start of a shape, group, frame, etc to mark it for rasterizing. It will be exported as a PNG and imported into Ae.

Add an _ to the start of a frame to mark it for precomp. Rather than importing the layers and parent guide layer, it will be automatically precomped in Ae

The Figma component to Overlord is still in beta but we're still working through some stuff. Got some ideas or found some bugs?

Overlord beta Discord channel :: DM Adam if you need access

Thank you for your help making this work less shitty.