All
circularcurvygeometricillustrativelabellinelocalizelogogramlogomarklogotyperoundedsymbol
Type & press enter
COMING SOONFigma Plugin Pro

Logoipsum Figma Plugin now comes with extra utility features that only available to PRO subscribers. Currently on beta, and during the preview period, all the PRO features are available to anyone for free.

Scroll or click icon to see each feature ↓
Feature Details
IntroductionIntroduction

Logoipsum Figma Plugin PRO has been upgraded with various utility features to help make your workflow in Figma faster.

Along with several UI improvements, the PRO version aims not only to provide placeholder logos but also to make it faster and easier to further customize them.

When the full PRO version is released, PRO users will also gain access to the complete logo library, fully matched and synchronized with the logoipsum.com website.

Grouping

Each logo has been adjusted to accommodate PRO features in the Logoipsum Figma plugin. It is now wrapped in groups to differentiate between logogram/logomark and logotype. This grouping structure also includes special group names: Shadow, Highlight, Outline, Blend, Var, Monovar, and None. Each of these groups receives special treatment when used with the "Adapt Color" and "Swap Color" features.

Follow this grouping structure and apply it to any logos or graphics to make them compatible with all utility features in the Logoipsum Figma Plugin.

Grouping
Logo frame/frames inside a frame

Let's say you have an UI layout that has a frame or multiple frames named "Logo" inside it. By selecting the parent frame and placing a logo the plugin will detect every inner "Logo" frames and replacing it.

Combine this with Adapt Color and Adapt Size feature to match the logo size and the color of your UI design.

Logo frame/frames inside a frame
ComponentComponent
By default, the plugin detects the size of the original component, and the newly placed logo will match it. It will also preserve the component's name.
FrameFrame
Only frames named "logo" (case-insensitive) or any name containing "logo" (case-insensitive, e.g., "Brand Logo") will be replaced. Non-standard names like "Brand Logo" or any name containing "logo" will be preserved.
GroupGroup
For a single selection, it will be replaced regardless of the group's name. For multiple selections, only frames named "logo" (case-insensitive) will be replaced.
Component/Frame/Group inside SectionComponent/Frame/Group inside Section
The placed logo will remain inside the Section.
Feature Details
Adapt Color

Applies colors from the previous logo to the newly placed logo. This can be applied to a Frame or Group named "Logo" (case-insensitive).

If the previous logo contains logogram/logomark and logotype groups, the newly placed logo will adapt colors accordingly. If the previous logo does not follow this structure, the dominant color from the previous logo will be applied.

The Adapt Color feature detects special groups and applies specific treatments to them.

Type
Toggle
Feature Details
Adapt Size

The newly placed logo will adapt to match the size of the previously placed logo.

Size adaptation applies only to Frames or Groups named "Logo" (case-insensitive). For Components, Adapt Size is automatically enabled under the hood.

Type
Toggle
Feature Details
Swap Color

Swaps colors between the logomark/logogram and logotype if each has a single color. If the logomark/logogram contains multiple colors, the swap will be limited to the logomark/logogram only.

Clicking the Swap Color button multiple times will cycle through different swaps. This feature also applies special treatments to groups with specific names.

Type
Repeat action
Feature Details
Generate Dark Mode

Generates dark mode versions of the selected logo. It will create two dark variants next to the original logo.

Type
1-click action
Feature Details
Advance Copy SVG

Copies the SVG code while preserving the layer group structure and using group names as IDs. It also includes an option to merge all paths, both visually and in code. The logo should follow the logomark/logogram and logotype grouping structure.

Note: Figma provides an option to preserve group structure, but the Logoipsum plugin's Advanced Copy SVG feature simplifies it further by removing unnecessary grouping and frame's defs and clipPath.

Type
1-click action
Copy SVG options

Open the caret to reveal the copy SVG options. Currently there are 3 options you can choose: Merge Paths, Preserve Groups, and Escape Double Quotes. Also there's one to toggle on/off all of the options. The Preserve Groups option only available when Merge Paths is active, it's because Merge Paths will remove the groups by default. When Merge Paths is inactive, the groups are preserved by default.

Copy SVG options
Example SVG code output
Example SVG code output

No, it's the current one, but it upgraded to include PRO features and subscription.

Yes, the PRO version is a subscription-based. The free version that does not include PRO features will still be available.

Yes, the free version will be exactly like the current one, with limited logo library. The only difference is the UI update, and it's available to everyone.

Note that this is currently not available, but later you can click the "Subscribe to PRO" button on the plugin or via this page, and you'll be redirected to Gumroad. After finishing check out, you'll received the license key via an email from Gumroad. Copy this license key and head over back to the plugin. Click "Validate PRO license" and if succeed the PRO version will be unlocked.

Of course, cancel anytime, no questions asked. We use Gumroad to manage plugin subscription. You can simply visit your Gumroad account and cancel the subcription from there.

We haven't set the date, but it's coming very soon. Before the full launch we will roll out preview that unlocks all the PRO features to everyone for free, with the exclusion of full logo library.