CodeTea.io
Constants and localization

Constants and localization

Constants store shared design values (colors, images, font sizes, radius, spacing) and localizations store translated text per language. Define them once under Design systems; the properties panel then suggests them, so the exported code references the constant instead of a hard-coded value.

1. Create constants

Constants and localization – Create constants: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Colors Constant
  2. Images Constant
  3. FontSize Constant
  4. Radius Constant
  5. Spacing Constant
  6. Localizations Constant
  7. Input Key
  8. Input Value
  9. Delete
  10. Add new constant

2. Create localizations

Constants and localization – Create localizations: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Click localization
  2. Input key
  3. Select language
  4. Input value
  5. Create new localize
  6. Delete
  7. New localization

3. Using constant

Constants and localization – Using constant: screenshot with numbered callouts
Numbers in the screenshot match the list below.
  1. Suggest Spacing
  2. Suggest Color
  3. Suggest Image
  4. Suggest Localizations