Back to projects
Jan 01, 2024
2 min read

Glue - The First Design System in El Salvador

El Salvador's first Design System that integrates Figma and Node.js to generate standardized Vue.js components and design tokens, ensuring consistency across digital products.

Technologies in this project

This project has been perhaps one of the most important for me. I worked with a designer, Sam Manzano, and I really enjoyed working with him. KUDOS Sam if you are reading this!

The Glue project (the name of the design system) was hard work because in my country, El Salvador, it was the first design system. In the beginning, we were walking in the dark and only had the internet to learn about design systems.

The result was gratifying because now, all Vue components are created within the scope of the design system, and colors, fonts, and sizing come from the design system.

The design system comes from Figma. Figma is the heart of Glue and Figma exported the json to github, After that, I take all the information about the design system and recompile it using Node.js. The result is multiple files like JSON, CSS, JS, etc.