Creating a component specification and style guide are essential parts of the design process. It's nearly impossible to imagine a design handoff without those two design artifacts. Yet, preparing the documents manually can take a lot of time. Hopefully, there is a simple solution for this problem - Figma plugins. This article will explore two Figma plugins that can help automate documentation.
Generate component specification using EightShapes. EightShapes Specs created by Nathan Curtis can help you automate the production of page and component design specifications of selected components, instances and frames.
Generate style guide using Automatic Style Guides. Automatic Style Guides created by Jordan Geizer prepares a formal style guide documentation from your local styles (text and color styles).
[
Collection
]
[
|
...
]