XD to Flutter Plugin: Generate Dart Code Based on Designs

Flutter is Google’s UI toolkit for developers to create native applications for mobile, web, and desktop, all from a single codebase. With Flutter, developers can work with a set of customizable widgets to quickly build interfaces and get full native performance across platforms. Flutter is used by millions of developers all around the world to create expressive, beautiful UIs for their applications.Generate working code based on your designsXD to Flutter simplifies the designer-to-developer workflow for teams that build with Flutter; it removes guesswork and discrepancies between a user experience design and the final software product.The plugin generates Dart code for design elements in XD that can be placed directly into your application’s codebase. The plugin generates code for any selected element in XD, either for individual objects on your design canvas or for an entire artboard. As you make changes to your designs in XD, you can simply run the plugin and instantly update your app’s code. Plus, if you’re using an IDE that supports Flutter, like the Flutter extension for Visual Studio Code, you can run and reload your Flutter app and preview changes to your application on a real device simulator with Flutter’s hot reload capabilities. With XD to Flutter, you and your team can go from design to a real, working product in just a few minutes and accelerate any decisions you need to make in real time.Sign up for early accessXD to Flutter will be available soon in the Adobe XD Plugin Manager, which includes dozens of plugins and integrations for XD, and made available open source on Github. To receive updates and be one of the first to gain access to this new XD plugin, you can sign up for early access here. URL Out – https://theblog.adobe.com/xd-flutter-plugin-generate-dart-code-design-elements/Author – theblog.adobe.comDate – 2019-12-12 06:20:09

Like to keep reading?

This article first appeared on theblog.adobe.com. If you'd like to keep reading, follow the white rabbit.

View Full Article

Leave a Reply