Obra Autodocs

Auto-generates labelled component documentation for component sets, fast.

How to useSelect a component variant setOptionally, click auto alignClick "Generate docs" to generate component documentationHow to update existing documentationSelect a component variant setLaunch the pluginNow: depending on what you want to do: (a) Click remove and do your edits, then click Generate docs (b) Edit without removing the docs and click RegenerateFeaturesDocument 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.

Check out our shadcn/ui kitThis plugin has been battle-tested in our Obra shadcn/ui kit, which has been duplicated on Figma community over 50,000 times.

ChangelogAugust 14, 2026: Fixed a bug around detection existing Obra AutodocsAugust 10, 2026: Improved heuristics for recognizing existing Obra Autodocs, and made it easier to regenerate existing docs via a single click. Fixed a bug around rendering multiple variable modes.

April 23, 2026: We made the plugin free to use, and open sourced the code. Check out our blog for more details.

April 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