New plugin: Obra Autodocs

Here’s a demo of a new workflow plugin called Obra Autodocs.

It’s a fast way to generate minimal looking component variant documentation generation.

We built this plugin because we were unhappy with existing option - specifically our idea was to “control the stack” when it came to documenting our design system.

This meant taking control over this aspect of the workflow.

Here’s the plugin’s features:

• Performance-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 custom colors: for those components on darker backgrounds, where the default purple doesn’t work.

There’s a few others that are a bit experimental:

• Align to X or Y grid (Beta)
• Document boolean show/hide properties (Beta)

And some things we still have to do, like supporting nested components. Update: nested component support has been added!

The plugin is now live on the Figma Community: Obra Autodocs.

We will be defaulting to using this plugin for component tables in the upcoming 1.6.0 version of our kit.

P.S. The plugin also contains a hidden feature to switch Propstar tables to Obra Autodocs tables for an easy switch.