BiblioStates – Auto-generate component states and specs in Figma

Summary: BiblioStates automates the creation of component states and technical specification cards in Figma, reducing repetitive manual work. It generates variants like Hover, Focus, and Disabled states along with detailed specs for developers, streamlining design handoff.

What it does

Users select a component and desired states, then BiblioStates generates all state variants and a spec card with technical details such as opacity values. This eliminates manual duplication and note-taking.

Who it's for

Designers working in Figma who need to create multiple component states and provide clear specifications for developers.

Why it matters

It solves the tedious task of manually duplicating component states and writing specs, ensuring consistency and saving time during design handoff.