This version was released on October 17, 2024.
We’re excited to introduce two new, powerful documentation blocks to enhance your component documentation workflow. With our latest release, you can seamlessly integrate Figma components (with variants!) and Figma component properties into your documentation. Say goodbye to manual updates — our Figma component blocks will handle them for you!
Figma component with variants
Automatically sync your Figma components with your documentation. The Figma component block updates variants directly from selected properties, ensuring that your documentation is always up-to-date with the latest design changes without the need for manual intervention.
You can even add multiple components and properties to a single block, making it a highly flexible and scalable solution for your documentation needs.
Preview: Grid variant
Preview: Canvas variant
Figma component properties
Document your component’s attributes with ease. The Figma component properties block generates a table that outlines all configurable properties, including their values and defaults. Whenever you add, remove, or update properties in Figma, your documentation will stay in sync automatically.
Preview: Component properties table
| Property | Values | Default |
|---|---|---|
| Size Variant | small | medium | medium |
| State Variant | default | hover | disabled | default |
| Style Variant | ghost | outline | solid | solid |
| Icon? Boolean | true | false | true |
| End icon InstanceSwap | ||
| Icon InstanceSwap | ||
| End icon? Boolean | true | false | false |
| Text Text | string | Button |
| Full width? Variant | false | false |
For a list of smaller improvements and bug fixes, visit our Bug fixes page here: