Layout Handoff
Select frames or variants, run the plugin and in a blink of an eye, you will have 3 frames of each selection with borders around the children frames and variants. Each frame created is one nesting level deeper than the other.the 4th and the last frame (furthest to the right) will contain all the variants of components found in each selection. With the help of this plugin, the developer and the designer will have the ability to see clearly the layout of each frame and the variants of components that were used to build it. All that without extra effort.For more plugins and gifs with usage examples:FigmaOP - open source Figma plugins-> Support My Work on Figma Plugins->**Credits go to @aravinddesign for the design used in the cover art - taken from the Landify UI kit.
Plugin Preview
About this plugin
Select frames or variants, run the plugin and in a blink of an eye, you will have 3 frames of each selection with borders around the children frames and variants. Each frame created is one nesting level deeper than the other.the 4th and the last frame (furthest to the right) will contain all the variants of components found in each selection. With the help of this plugin, the developer and the designer will have the ability to see clearly the layout of each frame and the variants of components that were used to build it. All that without extra effort.For more plugins and gifs with usage examples:FigmaOP - open source Figma plugins-> Support My Work on Figma Plugins->**Credits go to @aravinddesign for the design used in the cover art - taken from the Landify UI kit.
Plugin Details
| Version | 4 |
|---|---|
| Created | October 1, 2021 |
| Last Updated | November 7, 2021 |
| Category | Software development |
| Creator | Tal Snir |
| Stats | 1779 installs, 193 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:ui.html
- main:code.js
- Editor Types:figma
More Like This
Discover other plugins in the Software development category.
Builder.io - Figma to Code & AI Apps (React, Vue, Tailwind, etc)
Export designs to clean, responsive code or turn Figma screens into AI apps and prototypes.
Code Snippet Editor
Translate component variants, properties, and more into dynamic code snippets for your design system
GitHub
Connect Design to Code