Loadout

Loadout for Figma brings your whole esports library into Figma: team logos, player photos and game art. No more downloading files or hunting for the right logo version.

Browse by game, search teams and players, and put real assets straight into your designs:

Click or drag a team, player or piece of game art onto the canvas. SVG logos arrive as editable vectors, centred in a tidy square frame.

Select shapes first and a click fills them instead. Select a logo you placed earlier and a click swaps it for another in the same spot and size.

Pick several at once, or use Select all, to place a whole league side by side or fill a row of placeholders in one go.

Tag your layers, like #team.logo, #team.name or #player.photo. Then populate whole match cards, team cards and player cards with a click, or hit Shuffle for random picks. Starter templates are included.

Made for dark sites. Teams use their icons made for dark backgrounds by default, with light-site icons or full logos one setting away.

Keeps your file organized. Layers are named like Teams/Icons/Vitality, so they drop straight into neat component folders.

Team colors can be applied to your selection or saved as color styles in one click.

It connects to your own Loadout server with the same API key you use to sign in.