Плагин 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 #девайсы #код #стили

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

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

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

Особенности:
— Горизонтальные и вертикальные брейкпоинты
— Пользовательские значения
— Быстрое изменение размера до брейкпоинтов
— Направляющие

#адаптив #девайсы #изменение #превью #прототип #размер #фрейм

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