Lio Toolbox

About this plugin

Lio Toolbox is used at Refokus to simplify and standardize the way we build design files.

It brings together tools, automations, and documentation that help you design websites smarter and collaborate with development teams more efficiently.

It includes automations to:

1. Set up your project in one click — including an initial variable setup based on the Refokus system inspired by Material Design.
2. Generate color, typography, and layout styleguides with variables ready for handoff.
3. Audit your current type scale and generate consistent text styles from it.
4. Convert text styles into variables directly within this plugin.
5. Manage prototype flows with tools like Add Flow Points, which automate the setup of presentation-ready flows for clients.