Logo Cloud Section UI for Figma

Show the brands you work with in one quiet row. Each spot is the same size, so mixed logos still look even.

What is included

  • Six logo areas of the same size
  • Centered line of text above the logos
  • Wide spacing that fits a full width row
  • Easy to resize for more or fewer logos
  • Light and dark versions

Where to use it

Use it under the hero. Only add logos of companies that agreed to be shown.

How to use it

Copy the component with the copy button and paste it into your Figma file with Ctrl+V or Cmd+V. The layers keep their auto layout, so you can change text, colors and spacing without breaking the design. The text uses Plus Jakarta Sans, which is free on Google Fonts. Install it before you paste so the text looks the same.

Built for editing

Spacing follows a 4 point scale, corners are rounded to match, and layers have clear names, so developers can find what they need. Text and shadows use plain Figma styles. Where a design has a picture, the frame is ready for your own image, so the layout stays the same.

Light and dark versions

Each component includes a light and a dark version. Both come in the copy, so you can use the one that fits your project.

This logo cloud section for Figma has light and dark versions in one copy.

More like this