Rimessa - Design System - Figma

The Rimessa design System is born from one very specific need: the one to create continuity between designs and coding.

A Design System without a coding reference is a UI kit (someone says) and one with only coding is just a cheap experience. Coding is meant to make a reality of the vision of a designer, researcher, you name it.

And this is not possible without a language of sort, a vocabulary where for every design element you have a coding translation.

To Unable this we want a complete usage of all Figma features meant for it, starting from Variables and Mode. To show you the way I do it I have created a clear reference to this library in the Shopify theme “Kyrmes” available here.