50% off Obra shadcn/ui Pro — our Figma UI kit — all of April 2026 Get the kit →
Figma Plugin

Nobody likes making documentation. So automate it!

Obra Autodocs is a Figma plugin that auto-generates fast & minimal looking component variant documentation, yet packed with features.

Try in Figma Purchase license — €9

View the demos

Features

Document 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.
Toggle on & off
Toggle documentation on or off so you can easily edit your actual component. When you're done, regenerate — the plugin detects existing documentation automatically.
Single property docs
Document individual properties on their own. Choose whether to show or hide the property label for a cleaner result.
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.
Built-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.
Standalone documentation
Generate documentation that is separated from your master component. Keep your source component untouched.
Show title, description and docs URL
Expose the component title, description, and documentation URL directly in your docs. This makes key component info portable across files.
Navigate complex components
Navigate complex component sets and specify your selection in the Navigate tab. Edit components without having to regenerate docs.
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.

How to use

  1. Select a component variant set in Figma
  2. Click "Generate docs" to generate component documentation
Johan Ronsse
We built Obra Autodocs because documenting every possible combination gets unwieldy fast. Designers need to document based on real use cases, not exhaustive grids. Obra Autodocs lets you be explicit about what to document — and generates it in seconds.
Johan Ronsse Founder, Obra Studio

Start documenting your components

Auto-generate labelled component documentation for component sets. Document what matters, skip what doesn't.

Get a free Autodocs license with Obra shadcn/ui Pro

Obra shadcn/ui Pro is available at a reduced price from March to May 2026.