Figma to Code. Экспорт из Figma в HTML, Tailwind, Flutter и SwiftUI.

• Нет отзывов

Автор

Описание

Большинство плагинов от дизайна к коду плохие, некоторые даже платные. Этот проект направлен на то, чтобы поднять планку за счет создания адаптивных макетов в Tailwind , Flutter и SwiftUI . План состоит в том, чтобы в конечном итоге добавить поддержку Jetpack Compose и, возможно, стандартного HTML или других фреймворков, таких как React Native , Bootstrap или Fluent.

ver28.05.22

Ссылка на версию из комьюнити https://www.figma.com/community/plugin/842128343887142055/Figma-to-Code-(HTML%2C-Tailwind%2C-Flutter%2C-SwiftUI)

Ссылка на гитхаб: https://github.com/bernaferrari/FigmaToCode

Этот плагин использует нетрадиционный подход к улучшению качества кода: он оптимизирует макет еще до того, как начнется преобразование в код. Со стандартными узлами Figma ( которые представляют каждый слой) приятно работать, но он не может изменить слой без изменения пользовательского проекта. По этой причине я решил виртуализировать его, переделав официальную реализацию и назвав их AltNodes

Todo

  • Векторы (сложно в HTML, не поддерживается во Flutter)
  • Изображения (они локальные, как их поддерживать?)
  • Линия/звезда/многоугольник (чтобы сделать. Прямоугольник и эллипс были приоритетными и более распространенными)
  • Исходный код полностью прокомментирован и содержит более 30 задач.

 

 

Вход

Либо введите логин и пароль:

Продолжая, я соглашаюсь с

Пользовательским соглашением,

Политикой конфиденциальности,

Политикой возврата.

Регистрация

Регистрация на сайте возможна только через один из предложенных сервисов:

Продолжая, я соглашаюсь с

Пользовательским соглашением,

Политикой конфиденциальности,

Политикой возврата.

Оплата