Top Flutter Tools

Flutter is one of the biggest new players in the dev world. Google’s UI toolkit is designed to help build beautiful, natively compiled applications for mobile, web, and desktop from a single codebase. It is being adopted by millions of developers worldwide and it's only getting bigger. We've compiled the best Flutter tools for you from the IDE you should be using the design tools that can help you create beautiful apps.

‍

‍

Flutter IDEs

‍

Visual Studio Code

Visual Studio Code is a lightweight but powerful source code editor. It comes with built-in support for JavaScript, TypeScript, and Node.js and has a rich ecosystem of extensions for other languages (such as C++, C#, Java, Python, PHP, Go) and runtimes (such as .NET and Unity).Visual Studio Code combines the simplicity of a source code editor with powerful developer tooling, like IntelliSense code completion and debugging. First and foremost, it is an editor that gets out of your way. The delightfully frictionless edit-build-debug cycle means less time fiddling with your environment and more time executing your ideas.

• Developed by: Microsoft Corporation
• Release date: April 29, 2015
• Platform: Windows, Mac, Linux
• Pricing: Free, open-source

‍

Android Studio

Android Studio is the official integrated development environment for Google's Android operating system, built on JetBrains' IntelliJ IDEA software and designed specifically for Android development. It is available for download on Windows, macOS and Linux based operating systems.

• Developed by: Google, JetBrains
• Release date: December 2014
• Platform: Windows, Mac, Linux, Chrome OS
• Pricing: Free, open-source

‍

Flutter game engines

‍

Flame

Flame is a minimalist Flutter game engine. Flame's creator set out to create a game engine that solves many of the issues that people face with game development using Flutter. Currently, it provides you with: a few utilities, images/sprites/sprite sheets, audio, a game loop and a component/object system.

• Developed by: Erick Zanardo
• Pricing: Free, open-source

‍

Flutter design tools

‍

Rive

Rive allows designers to create sophisticated interactions, animated icons, onboarding screens, game characters, and more. These are real design assets that run in real-time in your final product. They don't need to be recreated in code, so designers are free to iterate and make modifications at any time. Rive's open-source runtimes allow you to load your Rive files in your app or game and give you full control of your files' properties (e.g. hierarchy, skeleton, vector shapes, and more).

• Developed by: Rive, Inc.
• Pricing: Free, open-source

‍

Panache

Panache is a Flutter material theme editor. Panache helps you to create beautiful material themes for your Flutter applications. You can also customize widgets colors and shapes, and download your theme.dart file.

• Developed by: Erick Ghaumez
• Pricing: Free, open-source

‍

Adobe Xd

While still only in beta and not available to everyone, XD to Flutter is an open-source plugin that automatically generates Dart code based on designs in Adobe XD for creating Flutter apps. Designers and developers will unlock a more streamlined workflow to go from design to finished product faster across multiple platforms.XD to Flutter will be available in the Adobe XD Plugin Manager, which includes dozens of plugins and integrations for XD, and made available open-source on Github.

• Developed by: Adobe
• Pricing: Free, open-source

‍

Supernova

Supernova helps you bring mobile app UIs to life in minutes by converting Sketch and Adobe XD designs into native frontend code for Flutter. Quickly and easily experiment, build UI’s, add features, create functional prototypes and fix bugs faster. With support for Cupertino and Material Design widgets, design tokens and Hot Reload, you can easily test the entire projects or specific screens.

• Developed by: Supernova Studios
• Pricing: Free, open-source

‍

Flutter command-line tools

‍

Pub.dev

Pub.dev is the ultimate depository for command-line tools. It's a package manager that will make it easy for you to install and easy to use the dart libraries and the huge number of packages available.

• Developed by: Google
• Pricing: Free

‍

Screenshots

Screenshots is a standalone command-line utility and package for capturing screenshot images for Flutter. Screenshots will start the required android emulators and iOS simulators (or find attached devices), run tests, process the captured screenshots and drop them off to Fastlane for delivery to both stores.

• Developed by: Maurice McCabe
• Pricing: Free, open-source

‍

Flutter Launcher Icons

Flutter Launcher Icons is a command-line tool that simplifies the task of updating your Flutter app's launcher icon. It's fully flexible, allowing you to choose what platform you wish to update the launcher icon for and if you want. It also gives you the option to keep your old launcher icon in case you want to revert back sometime in the future.

• Developed by: Mark O'Sullivan
• Pricing: Free, open-source

‍

Flutter testing tools

‍

Appetize.io

Not directly Flutter related, but Appetize.io lets you upload your app to their website. Then you will be able to stream your app from any web browser at scale. This will allow you to test and have access to your app from anywhere. You can also embed your app anywhere and run your app on any browser.

• Developed by: Appetize
• Pricing: Free Trial, Basic plan for $40, Premium $400, Enterprise $2000

‍

Codemagic.io

Codemagic is a continuous integration and continuous delivery tool for Flutter and mobile app projects. Built very much specifically for Flutter helps devs get the best delivery. Whether you want to add Flutter modules to Android or iOS apps or get the best out of your native apps Codemagic is one of the best tools around. You can automate the whole build, test and release pipeline of your Flutter and non-Flutter apps. You can also replace manual intervention with automation and ship faster with full Apple Developer Portal integration.

• Developed by: Nevercode Ltd.
• Pricing: Includes a free option, paid additives, paid plan and educational licenses.