Back to Plugins
Team Library Component Browser

Team Library Component Browser

<p>List, browse, and create instance your team library (and local) components.</p><p><br></p><p>๐Ÿ”ฅ What you can:</p><p><br></p><p>- List and browse your team library components.</p><p>- Create instance of conponent from this plugin.</p><p>- Swap the instance and selection(s).</p><p>- Keep the size and layout of selection when you swap.</p><p><br></p><p>๐Ÿ‘‰ How to use Team Library Component Browser:</p><p><br></p><p>1. Open this plugin in library what you want to list.</p><p>2. Go to Setting tab in this plugin.</p><p>3. Click โ€˜Save or update this library dataโ€™ button to save all components data in library to this plugin.</p><p>4. Go back to your document and open this plugin.</p><p>5. Find components by searching or scrolling, then double-click or click "Create" button to insert instance into document.</p><p>6. Enjoy๐Ÿ–</p><p><br></p><p>๐Ÿ–Œ Notes:</p><p><br></p><p>Because of the specifications of Figma's API, we can't get team library data automatically.</p><p>So this plugin uses the figma.clientStorage API to store the library data on your machine.</p><p>To store library data in clientStorage, you need to run this plugin in your library.</p><p><br></p><p>๐Ÿ“ฎ Support:</p><p><br></p><p>If you have any plobrem or feedback, please use the GitHub Issues.</p><p><a href="https://github.com/ryonakae/figma-plugin-team-library-component-browser/issues" rel="noreferrer noopener nofollow ugc" target="_blank">https://github.com/ryonakae/figma-plugin-team-library-component-browser/issues</a></p><p><br></p><p>---</p><p><br></p><p>This plugin is made by Ryo Nakae ๐Ÿ™Žโ€โ™‚๏ธ.</p><p><a href="https://brdr.jp" rel="noreferrer noopener nofollow ugc" target="_blank">https://brdr.jp</a></p><p><a href="https://twitter.com/ryo_dg" rel="noreferrer noopener nofollow ugc" target="_blank">https://twitter.com/ryo_dg</a></p><p><a href="https://github.com/ryonakae" rel="noreferrer noopener nofollow ugc" target="_blank">https://github.com/ryonakae</a></p>

librarybrowserswapfinderteamteam libraryinstancecomponentsreplacesearch

Plugin Preview

Team Library Component Browser 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.jp

https://twitter.com/ryo_dg

https://github.com/ryonakae

Plugin Details

Version17
CreatedFebruary 25, 2020
Last UpdatedJanuary 18, 2022
CategorySoftware development
CreatorRyo Nakae
Stats3590 installs, 148 likes
PricingFree

Technical Details

  • API:1.0.0
  • UI:dist/ui.html
  • main:dist/code.js
  • Editor Types:
    figma