ubie-oss / design-tokens-for-vscode

VS Code extension for building with the Ubie Design System.
Apache License 2.0
14 stars 1 forks source link

Ubie Design Tokens for VS Code

Installation

👉 Install via the Visual Studio Code Marketplace

Features

Autocomplete

Autocomplete suggestions for the Ubie Design Tokens

Demo of autocomplete

Hover preview

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

Demo of hover preview

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.