Adobe XD是功能强大的协作式UI / UX原型设计和设计应用程序。在开发人员开始对接口进行实际编码之前，必须先开发出这样的原型，以便对必须执行的方式有清晰的计划。此外，Beta中当前提供的Coediting功能使设计人员也可以实时地在一个项目中作为一个团队一起工作。相似地， Android Studio是用于Android应用程序开发的官方IDE(集成开发环境) ，它基于JetBrains的IntelliJ IDEA软件。在本文中， 我们将看到如何轻松地将Adobe XD中设计的UI提取到Android Studio。
分步实施
步骤1：首先，您必须在Adobe XD中创建您的应用程序的UI设计，如下所示。
步骤2：现在，选择要提取的UI，然后按ctr + E，然后选择Android。选择要导出到的所需文件夹，然后单击“导出”。
将UI提取到Android
步骤3：现在，当打开文件夹“ Assets”时，您会发现UI gest存储在不同大小(即hdpi，ldpi，mdpi等)的不同文件夹中。
资产文件夹
步骤4：现在打开Android Studio并转到屏幕左侧的资源管理器。
Android Studio中的资源管理器
步骤5：现在打开先前保存的Assets文件夹，然后选择该文件夹中的所有项目，然后将其拖放到资源管理器中。
拖放后，您将看到类似这样的内容
步骤6：单击Next(下一步)> Import(导入) 。现在，要检查是否已正确导入所有文件，请转到XML文件并通过将文件作为背景图像进行测试
在这里，文本视图’背景设置为@ drawable / welcome_back
结果输出
步骤7：您还可以通过检查drawable文件夹来查看是否已正确提取UI。
检查Drawable文件夹中的UI