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 задач.