Reading: 8min

Complete extensions list need as a developer and designer


Extensions for VS Code

Here is the list of top vs code extension that increase my productivity!

Image Preview

Shows image preview in the gutter and on hover

"image preview extension"

Indent Rainbow

This extension colorizes the indentation in front of your text, alternating four different colors on each step. Some may find it helpful in writing code for Python, Nim, Yaml, and probably even filetypes that are not indentation dependent.

"indent rainbow extension"

LeetCode Extensions

Using this extension you can solve LeetCode problems in VS Code. And it also let you see the which company have asked it google, facebook or any other company with out buying premium.

"LeetCode Extensions"

Mongodb for VS Code

MongoDB for VS Code makes it easy to work with your data in MongoDB directly from your VS Code environment. MongoDB for VS Code is the perfect companion for MongoDB Atlas, but you can also use it with your self-managed MongoDB instances.

"mongodb for vs code"

Path Intellisense

Visual Studio Code plugin that autocompletes filenames.

"path intellisense extension"

Extensions for Chrome

Fake Filler

A form filler that fills all inputs on a page with fake/dummy data. Fake Filler is THE form filler to fill all input fields on a page with randomly generated fake data. This productivity boosting extension is a must for developers and testers who work with forms as it eliminates the need for manually entering values in fields.

"fake filler"

Temp Mail

Temporary disposable email address. Protect your email from spam, bots and phishing with TempMail. Temp Mail provides temporary, secure, anonymous, free, disposable email address. Forget about spam, advertising mailings, hacking and attacking robots. Keep your real mailbox clean and secure.

"temp mail"

Extensions for figma

Sorter Plugin

A plugin for sorting/reordering layers.

  • Sort by Position ( Left, Right -> Top, Bottom)
  • Sort Alphabetical Ascending (A -> Z)
  • Sort Alphabetical Descending (Z -> A)
  • Reverse order
  • Randomize order

"sorter plugin"

Styler Plugin

  • Generate styles: Create, rename, and update local styles.
  • Extract styles: Convert local styles into layers for easy manipulation.
  • Remove styles: Remove styles from selected layers.
  • Detach styles: Detach styles from selected layers.
  • Apply styles: Apply styles by matching the style and layer names.

"styler plugin"