Экспорт UI дизайн-интерфейсов из Figma в Xcode iOS/Android Studio, в виде .xib/xml

Пример приложения "Кофейни"
UI элементы которых, собраны через этот конвертер

Можно посмотреть в проекте, как строить UI приложения,
с полученными xib/xml-ами вьюшками, ячейками спика

• Xcode проект
  git clone https://[e-mail]/mrustaa/coffeefigmaxib.git

• Figma проект
  https://www.figma.com/file/jrZm4sA3ljQjDnsXwocv8W/☕️Coffee-FigmaXib

Экспорт UI дизайн-интерфейсов из Figma в Xcode iOS/Android Studio, в виде .xib/xml

Вот примеры моих приложений
UI элементы которых, собраны через этот конвертер
- https://apps.apple.com/ru/app/кофейная-карта/id1396261115
- https://play.google.com/store/apps/details?id=mrusta.coffeeMapAndroid

Ну сейчас много всяких проектов, которые позволяют сразу строить интерфейсы
SwiftUI, FlutterFlow
- Но тут все равно приходится программно создавать и настраивать вьюшки.
Зачем, когда их можно просто нарисовать и получить результат, в виде xml.

+ Многие дизайнеры интерфейсов сидят в Figma.
А если они сидят в Sketch или Zeplin, то их проекты все равно можно преобразовать в проект Figma.

Экспорт UI дизайн-интерфейсов из Figma в Xcode iOS/Android Studio, в виде .xib/xml

Да я знаю.
Констраинты надо снести.

Это просто мои эксперименты поддержки AutoLayout - в этом xib файле, который я скинул.

Проект еще не может генерировать констраинты. Поэтому их там нет пока.
Просто там сложный механизм. Мне нужно время в общем))).

Да и вообще это больше ручная работа расстановки.
+ Вообще в планах передавать контреинты из проекта фигмы в xcode xib xml
(как было бы правильно).

Экспорт UI дизайн-интерфейсов из Figma в Xcode iOS/Android Studio, в виде .xib/xml

Для быстрого теста можете сразу
- Скомпилировать проект на Xcode в Cимуляторе
- Добавить мой токен доступа: "307777-31cd695c-e91e-4f63-b6fd-075d084b7b22"
- И добавить один из ID проектов
"p8skNy0MEF3ofEJCfiNHSD" - Random UI elements
"QuMHHgJLyReVkmyBQNmo0R" - Screens 5 Untitled
"lT0qXLejtXLUPiqg1oK73f" - Screens 1 Scaner
"u9ynMlczELKIgW171dIAuA" - Screens Neo Morphism

Экспорт UI дизайн-интерфейсов из Figma в Xcode iOS/Android Studio, в виде .xib/xml

Но их лучше смотреть в проекте
Будут скачены все изображения в проект
https://github.com/mrustaa/GifPresentations/blob/master/xibXml/result_ios.xib
https://github.com/mrustaa/GifPresentations/blob/master/xibXml/result_android.xml

Экспорт UI дизайн-интерфейсов из Figma в Xcode iOS/Android Studio, в виде .xib/xml

Вот примеры видео
https://www.youtube.com/watch?v=UAX1FXRFouw
https://www.youtube.com/watch?v=2Cue6R7TfjA

Сейчас попробую залить пример xib на iOS и xml на Android