Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Flutter Image AssetsNew to Visual Studio Code? Get it now.
Flutter Image Assets

Flutter Image Assets

devmuaz

|
4,723 installs
| (2) | Free
A simple VS Code extension which helps you generate your image assets in 1x, 2x, and 3x and simply added them to your pubspec.yaml file.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Flutter Image Asset Generator

A simple Visual Studio Code extension which helps you generate your image assets in 1x, 2x, and 3x and simply added them to your pubspec.yaml file.

Usage

After installing the extension, you should see a new option has been added your context menu when you right click on any folder inside the Explorer section named Flutter Image Assets: Generate:

Flutter Image Assets Preview

Click on it and select the image you want to add.. after that, the selected image will be scaled down to 1x, 2x, and 3x in seprated directories.

Flutter Image Assets Preview

Known Issues

Currently, this extension only generates the scaled images.. but not adding them to the pubspec.yaml file so you have to add them yourself.. and it will be added soon as possible.

Medium articles by the author

You can always read the articles I write on my devmuaz medium account which I write pretty great Flutter content out there.

Contributions & Support

Issues and pull requests are always welcome 😄

If you found this extension useful for you and liked it, please star the repo ⭐️ it would mean a lot!

License

MIT

Enjoy!

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