Convert to Variant
by James McKennay
Select multiple instances and convert them into variants of their main component, then seamlessly swap the variants into your design.Video Demonstration: https…
Installs
373
Likes
29
Users
3,077
Views
4,471
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.
More software development plugins
View allBuilder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
by Steve Sewell
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Anima: Convert Figma to HTML/CSS/React/Tailwind,Vibe code,DevMode Inspect/Run React/HTML,App builder
by Anima
Anima - AI Design to code, Vibe code, Vibe design
SkewDat
Paidby Unfold
Skew any layer or group with all layers preserved to edit.
Zeplin
Paidby Zeplin Crew
Design tools are for designing. Zeplin is for clear, structured design delivery.