Skip to content

VS Code extension for building with the Ubie Design System.

License

Notifications You must be signed in to change notification settings

ubie-oss/design-tokens-for-vscode

Repository files navigation

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.

About

VS Code extension for building with the Ubie Design System.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •