Reattach Instance
Relink a frame to a component by searching for similar instances. --- Use cases: • Copying a nested component • Moving the master component to a different file • Turning a set of similar frames into a component • Turning detached instances back into instances --- How it works: 1. Select frames (that used to be instances) 2. Click "Plugin/Reattach instance" 3. Plugin finds instances or master components with the same name 4. New instance is created for each corresponding frame 5. The selected frames are replaced by instances 🎉 👉 NEW: Overrides will now be applied to instances! --- Known problems: • Relies too much on layer naming • Needs to have an instance/master as a reference on the same file • Doesn't work all the time with team libraries Feel free to contribute 😅 https://github.com/renancamm/figma-reattache-instance
Plugin Preview
About this plugin
Relink a frame to a component by searching for similar instances. --- Use cases: • Copying a nested component • Moving the master component to a different file • Turning a set of similar frames into a component • Turning detached instances back into instances --- How it works: 1. Select frames (that used to be instances) 2. Click "Plugin/Reattach instance" 3. Plugin finds instances or master components with the same name 4. New instance is created for each corresponding frame 5. The selected frames are replaced by instances 🎉 👉 NEW: Overrides will now be applied to instances! --- Known problems: • Relies too much on layer naming • Needs to have an instance/master as a reference on the same file • Doesn't work all the time with team libraries Feel free to contribute 😅 https://github.com/renancamm/figma-reattache-instance
Plugin Details
Version | 6 |
---|---|
Created | August 8, 2019 |
Last Updated | November 14, 2019 |
Category | Software development |
Creator | Renan Cammarosano |
Stats | 7607 installs, 208 likes |
Pricing | Free |
Technical Details
- API:1.0.0
- main:code.js
More Like This
Discover other plugins in the Software development category.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI