What are variables and replace rules in Avocode?

You can customize the code output even more using variables or export rules in Avocode. You can find the panel to create an export rule in the bottom-right corner. Once you create a variable or an export rule, it will instantly start applying.

NOTE: Variables and replace rules will only apply within a design in which they were created. They do not apply globally.


Define any value in the code panel as a variable – such as colors, fonts, gradients or dimensions. Matching values will be instantly replaced by the created variable.

Export rules

You can easily customize the code output using a replace rule. You can replace anything with anything. And you can even use regular expressions.

Powered by Zendesk