Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>spectrumifyNew to Visual Studio Code? Get it now.
spectrumify

spectrumify

SoseYeritsyan

|
23 installs
| (1) | Free
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

spectrumify

logo

Description

The "spectrumify" is a Visual Studio Code extension designed to simplify the process of using Adobe Spectrum sizes in styling, when we need to translate pixel sizes to Adobe Spectrum's size values (e.g. "16px" to "size-200"). This extension automates the conversion, saving time and effort for developers.

Usage

usage gif

Features

The "spectrumify" extension offers easily convert px values to Adobe Spectrum sizes with a simple command (CMD + .).

Requirements

Before using this extension, ensure you have the following:

  1. Visual Studio Code installed on your system (^1.80.0).
  2. Basic familiarity with Adobe Spectrum size naming conventions.

How to Use

  1. Install the "spectrumify" extension from the Visual Studio Code Marketplace.
  2. Open a file where you need to use Adobe Spectrum sizes.
  3. Select the size value (e.g., "16px") in your editor.
  4. Click light bulb icon (CMD + .), there should be already suggested versions, and just apply

Enjoy!

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft