Team Library Component Browser
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
Plugin 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
Plugin Details
| Version | 17 |
|---|---|
| Created | February 25, 2020 |
| Last Updated | January 18, 2022 |
| Category | Software development |
| Creator | Ryo Nakae |
| Stats | 3673 installs, 156 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:dist/ui.html
- main:dist/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