Feature request: design variables in Cornerstone

This feature request is inspired by the recent announcement of this feature in Divi.

Here’s the announcement video that shows it in action:
https://www.youtube.com/watch?v=JmTMNUCACmo

We can do this with our own custom CSS variables right now of course, but a nice UI for it in Cornerstone would be so nice.

3 Likes

Also we ‘could’ create custom fields for variables but it would be much much nicer to have it built in to Cornerstone.

I did find it funny that colours and fonts were advertised are special when Cornerstone has had that for years (yet again)

This feels more like Global Parameters to me. The difference is writing JSON for parameters is a pain and this looked pretty quick to setup. In our Dynamic Content UI we could also add in a way to give you a list of all parameters names available, similar to the Looper Field update which might be a good place to start. Thanks for sending this my way, lots of good take aways from this.

2 Likes

Indeed in a way they’re global parameters. And you’re right about writing JSON manually being a bit of a pain. With such a UI you could type in whatever and move much quicker.

Another benefit would be clients could see all this in a nice UI (but hopefully with an option for them not to change any values) and behold the nice and well thought out design system we built for them :smile:

Having lists of available parameters available where necessary would be a nice thing as well.

Haha yes, they added nested rows functionality too which is adorable :grin:

I vaguely remember there being discussion of a possible UI for creating the JSON for parameters a while ago. Is that on the roadmap anywhere?

Ah yes, from the introduction of parameters over 3 years ago.

Obviously the roadmap has changed a lot over that time. But might be a feature that could make components / parameters a lot more accessible for folks who can’t wrap their head around JSON.

I’m picturing the typically beautiful UI from the builder, letting you build out groups, with parameters nested within them. On inspecting each parameter, all the options are exposed so users don’t have to go back and forth to the documentation for everything…

image

(Don’t mind me, I’ll be heading over to Loveable to see if I can vibe code this into existence in the meantime :sunglasses:)

You know I wasn’t even thinking of using the inspector for the parameter builder. It might be a little time consuming repurposing this here, but I’ll keep it in mind. I was thinking more like the Twig templates or External API global “list editor” control. Thanks for the feedback.

2 Likes

@devinelston’s mockup looks nice. But whatever UI is ultimately implemented would be a major improvement anyway. Thanks for considering!