Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Wings for FlutterNew to Visual Studio Code? Get it now.
Wings for Flutter

Wings for Flutter

Cheeky Pixel

|
2,543 installs
| (0) | Free
Preview Flutter widgets and tests in VSCode, with hot reload.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Wings for Flutter public beta

Welcome to Wings for Flutter

Wings is free to use during the beta.

Wings requires VSCode on macOS, and Flutter 3.19 or higher.

Setup

Most apps will require creating a preview configuration, in order to tell Wings where your theme is.

It'll only take a few minutes.

See preview configuration for instructions.

Widget preview

Preview widgets inside VSCode without running your app:

  • Custom previews: compare different versions of widgets
  • Fully interactive
  • Hot reload

Custom previews

For custom previews, create a top-level method containing the word preview:

Widget preview() {
    return MyWidget();
}

Widget anotherThingPreview() {
    return AnotherWidget();
}

Preview methods can also return a list of widgets:

List<Widget> preview() {
    return [MyWidget(), AnotherWidget()];
}

Limitations

  • Platform-specific plugins won't work within previews

More coming soon

Many more features coming soon 😊

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