#Tools

#Code Editor Extensions

#The Visual Studio Code Extension

It supports:

• plain px to rem conversion.
• annotation for px and rem equivalent values.
• auto completion for the spacing system.
• auto completion for font-size and line-height.

Install the VSCode Extension or view the source code.

#Screenshots

1. Spacing System example

2. Equivalent to px or rem value example

3. font-size example

#ESLint Plugin

You may have a look at the Eufemia ESLint Plugin it will over time extend with more rules that can help you detect issues or recommendations.