Obra Autodocs

About this plugin

Auto-generates labelled component documentation for component sets.Click a component variant set to get started.FeaturesPerformance-driven: 🔥 Component documentation generation in seconds. No slow grid generation. Retain ability to actually edit your components.Turn documentation on or off with a simple toggle. Plugin detects existing documentation and offers a way to turn it on or off. Toggle grid lines on and off as well depending on what you are working on.Set and save custom colors: for those components on darker backgrounds, where the default purple doesn't work.Set and save custom font (beta): use your design system font int he documentationDocument boolean show/hide properties as well as nested instances; pick and choose which ones you want to document. For boolean properties, choose the style to document: in a list or a grid.If your component is not organized enough to create a component grid, use the built-in organisational features to make it so! Look on the 2nd organize tab.How to useSelect a component variant setClick "generate docs" to generate component documentationUse the organize tab to organize your component's structure if it's not structured enough to fit a gridNoteWhile in beta, this plugin is free if you have "Obra" in your filename.You can purchase a license key via our website.Please report any bugs below in the comments or e-mail [email protected] .ChangelogMarch 10, 2026: Custom docs suffix, navigate feature, deep variant selection, single property mode including row/colspan detection, adjust UX for documenting variable modes to be integrated in main flowMarch 6, 2026: Add way to document variable modesMarch 2, 2026: Bug fixes