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 | 1833 installs, 123 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.
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