Figma component blocks

Showcase your Figma components with variants in documentation.

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.

Click through interactive demo to discover multi-themes support in token blocks.

Preview: Grid variant

Button Gradient
Style solid
Button Gradient
Style outline
Button Gradient
Style ghost

Preview: Canvas variant

Button Gradient
Button Gradient
Button Gradient

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.

Click through interactive demo to discover multi-themes support in token blocks.

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 End icon Chevron Down
Icon InstanceSwap Icon Settings
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: