Back to Plugins
Convert to Variant

Convert to Variant

Select multiple instances and convert them into variants of their main component, then seamlessly swap the variants into your design.Video Demonstration: https://youtu.be/YEsHiadBWhsHow to UseSelect 1 or more instances which you have modified from the original component. (it works best if you have named them descriptively as the variant will use this name)Right click and run the Convert to Variant plugin from your Plugin menu.Enjoy your new variants, ready for you to reuse elsewhere in your design.Tidy up your property name, the variations will be created in the first property which defaults to 'Property 1'RequirementsMain Component must be localNotesNative 'Combine as Variants' feature is similar but the main difference is that this plugin creates the variants as children of the existing main component rather than under a new component. Cheers Alexandre Soares for sharing this feature.

convertvariantsinstancechangecode-generators

Plugin Preview

Convert to Variant preview

About this plugin

Select multiple instances and convert them into variants of their main component, then seamlessly swap the variants into your design.Video Demonstration: https://youtu.be/YEsHiadBWhsHow to UseSelect 1 or more instances which you have modified from the original component. (it works best if you have named them descriptively as the variant will use this name)Right click and run the Convert to Variant plugin from your Plugin menu.Enjoy your new variants, ready for you to reuse elsewhere in your design.Tidy up your property name, the variations will be created in the first property which defaults to 'Property 1'RequirementsMain Component must be localNotesNative 'Combine as Variants' feature is similar but the main difference is that this plugin creates the variants as children of the existing main component rather than under a new component. Cheers Alexandre Soares for sharing this feature.

Plugin Details

Version1
CreatedApril 13, 2022
Last UpdatedApril 13, 2022
CategorySoftware development
CreatorJames McKennay
Stats366 installs, 29 likes
PricingFree

Technical Details

  • API:1.0.0
  • main:code.js
  • Editor Types:
    figma