Team Library Component Browser
by Ryo Nakae
List, browse, and create instance your team library (and local) components.🔥 What you can:- List and browse your team library components.- Create instance of…
Installs
3,677
Likes
157
Users
8,337
Views
15,909
Preview
About this plugin
List, browse, and create instance your team library (and local) components.
🔥 What you can:- List and browse your team library components.- Create instance of conponent from this plugin.- Swap the instance and selection(s).- Keep the size and layout of selection when you swap.
👉 How to use Team Library Component Browser:
1. Open this plugin in library what you want to list.
2. Go to Setting tab in this plugin.
3. Click ‘Save or update this library data’ button to save all components data in library to this plugin.
4. Go back to your document and open this plugin.
5. Find components by searching or scrolling, then double-click or click "Create" button to insert instance into document.
6. Enjoy🏖🖌 Notes:
Because of the specifications of Figma's API, we can't get team library data automatically.
So this plugin uses the figma.clientStorage API to store the library data on your machine.
To store library data in clientStorage, you need to run this plugin in your library.
📮 Support:
If you have any plobrem or feedback, please use the GitHub Issues.https://github.com/ryonakae/figma-plugin-team-library-component-browser/issues---This plugin is made by Ryo Nakae 🙎♂️.https://brdr.jphttps://twitter.com/ryo_dghttps://github.com/ryonakae
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.