Плагин Figma to Code (HTML, Tailwind, Flutter, SwiftUI) — Полностью бесплатный плагин с открытым исходным кодом, который может вывести всю вёрстку вашего макета на трёх языках.

Как пользоваться:
1. Нажмите правой кнопкой мыши по макету и перейдите Plugins → Figma to Code.
2. Выделите любой объект на макете, и в появившемся окне отобразится его код.
3. При необходимости можете изменить язык: HTML, Flutter, SwiftUI, CSS-фреймворк Tailwind.

Если нужны Flutter или SwiftUI, то Figma to Code сможет выручить. Но поддержка HTML в нём не очень хорошая — плагин не пытается организовать все стили объекта в формат CSS, а просто выдаёт всё в формате <div style= “width: 328px; height: 16px;”></div>.

#AutoLayout #android #css #html #девайсы #код #стили

👨 Дизайн-телега

Звуки для сна — комплект пользовательского интерфейса мобильного приложения.

• 40+ экранов.
• Дизайн для ios и android.

#app #mobile #ios #android

Открыть в Figma

Источник

👨 Дизайн-телега