Skip to main content
Solved

Efficient way to get several hundred images imported as variants of a single component, preferably with file names?

meme_man_at_work

So basically I’ve got 418 different images(419 if you include the placeholder) that I want to have as variants of an icon component, and if possible using their file names as the variant names because they’re name numerically but there’s several gaps in the numbering so I can’t just batch rename the variants with incremental numbering.

I am relatively new to figma as a whole though I’ve got a lot of component related things down now,
But something like this is so massive that I can’t reasonable paste them all in manually and I can’t figure out a good way to do it efficiently

 

Best answer by meme_man_at_work

So I sort of found a solution, first things first I selected all the imported images and made sure their size and corners were exactly how I wanted them to be.
 

Next I used this option that is for some reason only available in the right side panel, doesn’t have a shortcut and is completely absent from the right click menu for some reason.

That made each image a separate component instead of a single one.
Which still isn’t what I was looking for but with multiple components selected, this option shows up at the top of the right side panel, turning each component into a variant of a single component.



This still didn’t allow me to make all these images a variant of an EXISTING component,
but even so this allowed me to get the end result I was looking for.

Figured I’d share my findings in case a similar situation pops up for someone in the future.

Also Figma Team: please add this to the right click menu and if possible assign ⌥⇧⌘K to it
That way one uses ⌥⌘K to create a single component of their selection and simply adding ⇧ to it creates individual components instead

View original

2 replies

meme_man_at_work

So I sort of found a solution, first things first I selected all the imported images and made sure their size and corners were exactly how I wanted them to be.
 

Next I used this option that is for some reason only available in the right side panel, doesn’t have a shortcut and is completely absent from the right click menu for some reason.

That made each image a separate component instead of a single one.
Which still isn’t what I was looking for but with multiple components selected, this option shows up at the top of the right side panel, turning each component into a variant of a single component.



This still didn’t allow me to make all these images a variant of an EXISTING component,
but even so this allowed me to get the end result I was looking for.

Figured I’d share my findings in case a similar situation pops up for someone in the future.

Also Figma Team: please add this to the right click menu and if possible assign ⌥⇧⌘K to it
That way one uses ⌥⌘K to create a single component of their selection and simply adding ⇧ to it creates individual components instead

Damian_Oczki
  • Damian_Oczki
  • Active Member
  • 26 replies
  • March 21, 2025

By the way, “Create component set” does the above in one step. It creates a single component where the selected frames are variants.

I missed that option initially too, because I was looking for an option that says “variants”, like “Combine as component variants” or similar. To my knowledge, the wording “component set” isn’t used anywhere else, so Figma should change it to make this option more discoverable.

Reply


Terms & ConditionsCookie settings

Cookie policy

We use cookies to enhance and personalize your experience. If you accept you agree to our full cookie policy. Learn more about our cookies.

 
Cookie settings