Ubie Design Tokens for VS Code

Installation

👉 Install via the Visual Studio Code Marketplace

Features

Autocomplete

Autocomplete suggestions for the Ubie Design Tokens

Hover preview

See the exact value of the Ubie Design Tokens's CSS custom property by hovering over it.

How to use

1. Install and enable the extension.
2. Open a CSS or Sass file.
3. Start typing the CSS property you want to set. (e.g. color: )
4. Type the trigger character --.
5. The autocomplete tokens suggestions associated with the typed CSS property will be shown.
6. Select the token and it will be inserted along with the var() function.