Прежде чем углубляться в тему ... позвольте мне познакомить вас с «Flutter», по сути, это набор программного обеспечения, созданный Google ... это означает, что это подлинная и ценная вещь ... поскольку мы все знаем, что Google не делает ничего бесполезного. .. кроме значков для их приложений ..

Flutter поможет вам создать собственное приложение ... приложение, которое работает на разных платформах, но использует единую базу кода ... что означает, что вам нужно меньше кодировать, и приложение будет работать в любой операционной системе ...

Например, вы можете создать веб-приложение для Android, iOS, Windows, macOS ... просто используя один код, то есть «Dart».

В этом и заключается истинное преимущество этого программного пакета ... Google отлично поработал ... но они забывают о дизайне ... кодирование пользовательского интерфейса на флаттер занимает много времени ..

Так что для экономии вашего времени на бесполезную работу ... Я собираюсь поделиться некоторыми методами экспорта вашего дизайна в код ...

В этой статье я расскажу вам, как вы можете экспортировать свой дизайн XD в код. Ранее я писал статью, в которой обсуждаю, как экспортировать дизайн Figma во флаттер.



Figma to Flutter
Google создал новый инструмент под названием« Flutter
, который помогает дизайнерам осуществить свою мечту о создании мультиплатформенного… link.medium. com »



Так что, на мой взгляд, у вас есть только два метода для экспорта вашего дизайна во флаттер ... давайте обсудим их один за другим ..

1. Плагин Xd to Flutter

Adobe Xd предоставляет официальный плагин для экспорта flutter ... это может занять у вас время, чтобы понять его, но не волнуйтесь, вы можете посмотреть руководство, указанное ниже ..

Этот плагин поможет вам легко экспортировать ваш дизайн во флаттер-код «Dart», и после некоторых изменений вы будете готовы к работе.

Загрузить плагин: https://github.com/AdobeXD/xd-to-flutter-plugin

2. Инструменты экспорта

Второй наиболее эффективный способ экспорта xd во флаттер - это использование стороннего программного обеспечения .. на рынке доступны различные инструменты без кода .. точно так же, как supernova .. отличный инструмент для экспорта флаттера .. он экспортирует Sketch, Figma , Файлы Xd очень легко трепещут ..

Итак, это два способа, которые я рекомендую вам использовать ... но не волнуйтесь, я не оставлю вас там ... У меня есть несколько информативных парней на YouTube, которые создали учебник по экспорту ...

Просто дайте свои десять минут и посмотрите их руководство, и вы узнаете, как экспортировать свой дизайн во флаттер.

Так что, если вам понравилась моя статья, вы можете дать ей несколько аплодисментов 👏👏 и подписываться на меня, чтобы получать ежедневные обновления ..