DEV Community

Cover image for Convert designs into working code, introducing Xd to Flutter plugin
Rahul Jain
Rahul Jain

Posted on

3 1

Convert designs into working code, introducing Xd to Flutter plugin

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/

Top comments (2)

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 πŸ™

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

πŸ‘‹ Kindness is contagious

Please leave a ❀️ or a friendly comment on this post if you found it helpful!

Okay