Zylo - Design System Gen

Create your design system foundations — variables and tokens — in just a few clicks.

Plugin Preview

Zylo - Design System Gen

Supercharge your Figma workflow by automatically generating a comprehensive, scalable design system primitives and semantics variables in seconds.

Features:

- 🧙‍♂️ Wizard-driven setup for colors, typography, spacing, and components

- 🎨 Generates semantic color palettes, type scales, and spacing systems

- 🌗 Supports light/dark and both modes.

How it works:

1. Step through a guided wizard to define your design system foundations

2. Instantly generate tokens and primitives and semantic variables.

Perfect for:

Designers, developers, and teams who want to quickly bootstrap or evolve a robust, consistent variables and tokens for design system in Figma.

Let me know if you have any feedback via direct message to my Linkedin profile: Amin Badiezadeh