Obra Autodocs

About this plugin

Auto-generates labelled component documentation for component sets, fast. Document what matters, skip what doesn't.How to useSelect a component variant setClick "Generate docs" to generate component documentationFeaturesDocument what matters: Not every prop combination makes sense. Choose exactly which properties and variants to document — based on real use cases, not exhaustive grids.Performance-driven: Component documentation generation in seconds. No slow grid generation. Retain the ability to actually edit your components.Booleans & nested instances: Document boolean show/hide properties and nested instances. Pick and choose which ones to include — skip the combinations that don't reflect real usage. Choose list or grid style.Standalone documentation: Generate documentation that is separated from your master componentBuilt-in organizer: If your component isn't organized enough for a grid, use the built-in organizational features to make it so. Hit the magic auto align if you're feeling lazy.Document variable modes: Automatically document variable modes across your components. A common use case: document dark mode so design system consumers can see both modes without switching.Custom colors & font: Set custom colors for components on darker backgrounds. Use your design system font in the documentation.Migrate from Propstar: Switch from Propstar in seconds. The plugin scans your file for all Propstar instances and lets you migrate them in a single action.NoteTry it 10 times for free, or purchase a license key via our website for €9.Please report any bugs below in the comments or e-mail [email protected] out our shadcn/ui kitThis plugin has been battle-tested in our Obra shadcn/ui kit, which has been duplicated on Figma community over 45,000 times.ChangelogApril 14, 2026: Add detailed functionality to only select specific variants via the Navigate tab. Within this functionality, you can also extend or reduce selection on sublayers.April 8, 2026: Fix bug where the gaps between variants in the list view (for booleans and nested instances) were too tight.March 27, 2026: New feature - Add titles, descriptions and component links to your documentation (all optional)March 18, 2026: Out of beta! Fix height bug with grid list + autolayouted combinations. Add show property label option.March 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