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>
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 ๐โโ๏ธ.
Plugin Details
Version | 17 |
---|---|
Created | February 25, 2020 |
Last Updated | January 18, 2022 |
Category | Software development |
Creator | Ryo Nakae |
Stats | 3605 installs, 149 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.
Figma to Code (HTML, Tailwind, Flutter, SwiftUI)
Code Conversion Made Easy: Figma to Web & Apps
Anima - Figma to Code React, HTML, CSS, Tailwind, MUI (DevMode Inspect React / HTML / Vue / CSS)
Anima - AI Powered Design to code
Builder.io - AI-Powered Figma to Code (React, Vue, Tailwind, & more)
Export designs to responsive code (React, HTML, Vue, Tailwind, etc) with AI