Lineage
Visualize your component and style dependencies. Lineage helps you understand how your design system is being used and how every change impacts your project. To use: 1. Select a frame/component 2. Run Lineage 3. Explore the graph, click on your nodes and find details about their dependencies 4. (Optional) If you click on the "Show all instances" button, the graph will display every use of that specific style/component throughout your document This is version 1.0, more to come. Please, if you have any suggestion or issue, reach out on Twitter @lalomts
Plugin Preview
About this plugin
Visualize your component and style dependencies. Lineage helps you understand how your design system is being used and how every change impacts your project. To use: 1. Select a frame/component 2. Run Lineage 3. Explore the graph, click on your nodes and find details about their dependencies 4. (Optional) If you click on the "Show all instances" button, the graph will display every use of that specific style/component throughout your document This is version 1.0, more to come. Please, if you have any suggestion or issue, reach out on Twitter @lalomts
Plugin Details
| Version | 2 |
|---|---|
| Created | July 27, 2020 |
| Last Updated | August 14, 2020 |
| Category | Software development |
| Creator | Lalo Martínez |
| Stats | 1855 installs, 125 likes |
| Pricing | Free |
Technical Details
- API:1.0.0
- UI:./ui.html
- main:./code.js
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