Find and Replace Screens

About this plugin

Find and Replace Screens is a tool designed to streamline the process of updating screens in Figma with just one click. Whether you're transitioning from wireframes to final UI designs or updating screens across an entire flow, this plugin saves you time by keeping your layout, connectors, and arrows intact. No more manual re-positioning or reconnecting screens!

Key features:

1. One-Click screen replacement: Update multiple instances of the same screen with a single action, ideal for projects where the same screen is used in multiple places.
2. Preserves layout and flow: Replacing a screen won't disturb its surrounding elements, including arrows, connectors, and positions within the flow.
3. Flexible use case: While perfect for wireframe-to-UI transitions, the plugin is also useful for updating iterations of any design screen without losing structure.

How to Use:

1. Choose the new screen you want to use (UI design, updated iteration, etc.).
2. Select the screen(s) you want to replace in the flow.
3. Click "Replace Screen" to swap the content while maintaining connections and layout positions.

Limitations:

1. For best results, ensure the new screens are similar in size to the ones being replaced, as large size differences may affect layout alignment.
2. Does not adjust connectors/arrows if the new screen's size significantly differs from the original.