Utopia Fluid Type + Space Calculator now supports Figma variables

By admin
By

James & Trys
ORG

We’re pleased to announce that

the Utopia Fluid Type + Space
ORG

calculator now supports

Figma
ORG

variables. Variables are a long-awaited

Figma
ORG

feature. Although still in beta, the benefits of using them are already clear and significant enough to incorporate them into our plugin.

When generating artboards through the plugin,

three
CARDINAL

variable collections will be created: "Utopian size", "Space @min" and "Space @max". The

first
ORDINAL

collection contains the raw pixel values generated by Utopia. You’re unlikely to use these directly, so you’re welcome to "hide from publishing" should you wish.

"Space @min/@max" are mapped to the raw values. When working on a design for a min/max viewport, grab the values from the respective collection and apply them to your work.

These variables are applied to the space components generated by the plugin, as well as the grid layouts demonstrations. Variables don’t yet work with grid layout directly, so these values are handled by the plugin as before.

If you re-run the plugin, the variables will be updated and all connected components will automatically inherit the new sizes. This is a mixed blessing as not all

Figma
ORG

numerical inputs can accept variables, meaning that certain values still need to be manually updated. We’re hopeful that these remaining parameters will be updated by

Figma
ORG

in time.

This plugin is also fully compatible with the Utopia Kickstarter file.

No modes?

We’ve chosen not to support modes just yet.

Firstly
ORDINAL

, they can be a little temperamental, which we hope will be resolved as variables move towards a production release.

Secondly
ORDINAL

, variables don’t currently work with typographic values, where modes are most useful. Finally, using multiple modes is locked behind a paywall and we didn’t want to exclude users who can’t afford a paid subscription. We’ll be keeping an eye on how modes develop and will look to support them appropriately for all users in the near future.