Dragoman

Getting Started

Define your paths, and the languages you intend to build your applications in the ./config.json file (language selection in progress).

$ gulp dragoman-[options]

Options

  • [default] - translates tokens to all languages
  • scss
  • sass
  • less
  • stylus
  • android
  • ios
  • [option]-icons - generates icons along with language translation
  • web - translates all web languages & generates icons
  • mobile - translates android, ios, & generates icons for both

Default Design Tokens

  • Colors
  • Fonts
  • Spacing
  • Iconography
  • Typography

These are the core design assets that need to be controlled cross-platform variables. You can add more tokens as you need; simply include them in the 'styles.yml' token, which includes all partials for an easy import file for your CSS stylesheets.

Writing Variables in Tokens:

When using a variable as a value, use % prefix. Defining a variable (as the key), no prefix is necessary.

my-color: "%color-primary"