Support for Variables (Color, Number, String, Boolean) for Responsiveness and Scalability
Wander
Posts: 1Member
Feature Description:
I would like to suggest the implementation of Variables in Lunacy, similar to the functionality available in Figma.
The idea is to allow the creation of:
- Color Variables: to easily switch between different themes (like light and dark modes).
- Number Variables: to control consistent values such as width, height, spacing, and padding.
- String Variables: to dynamically adjust text based on the context.
- Boolean Variables: to manage visibility settings of components for different layouts.
This system would let designers define and switch values depending on the breakpoint — for example, Desktop, Tablet, or Mobile — making the design process much faster and more scalable.
Why is it important:
As a design student, I use Lunacy heavily for academic projects. Implementing Variables would significantly improve the ability to create responsive designs by allowing values to adapt based on the target device size or context.
Benefits include:
- Faster adaptation of layouts for multiple devices without manual editing.
- Simplified theme management, like switching between light and dark modes.
- Global updates with minimal effort, saving time and reducing repetitive tasks.
Competitors like Figma already offer this functionality, and bringing it to Lunacy would make the tool even more attractive for both students and professionals aiming for scalable, responsive, and efficient design workflows.
Comments
@Wander
Thank you for your feedback. We are already working on implementing variables and plan to add them in upcoming updates.