DEV Community

loading...
Cover image for Convert designs into working code, introducing Xd to Flutter plugin

Convert designs into working code, introducing Xd to Flutter plugin

rahuldkjain profile image Rahul Jain ・1 min read

I love using Adobe Xd to create designs for websites, apps, voice interfaces, games, and more. The best part is that it allows creating prototypes that behave like working product.

Export your designs into the working code sound magical to me. I used to think of exporting the webpage designs into HTML CSS code.

Google and Adobe understood this and came up with Xd to Flutter plugin that generates code for creating apps with Flutter based on your designs in Adobe XD. An XD prototype can now become a working Flutter code within minutes.

How cool is that!

Adobe Xd team made the plugin open-source

GitHub logo AdobeXD / xd-to-flutter-plugin

Generate assets from XD for use in an existing Flutter project

Check out this tutorial to understand how to use the plugin.

Reference blog https://theblog.adobe.com/xd-flutter-plugin-generate-dart-code-design-elements/

Discussion (2)

pic
Editor guide
Collapse
hyb90 profile image
hyb90

Please any one can help me with xdx file for this plugin

Collapse
thisdotmedia_staff profile image
This Dot Media

It's awesome! Appreciate the tutorial Rahul πŸ™